javascript - JS insertBefore() 并传递一个包含 html 的字符串

Question

我正在寻找一种方法，如何在普通 javascript 中的元素之前插入内容。

我有一个页脚元素:

//html
<footer>
  ...
</footer>

// js
var footer = document.querySelector('footer')

我想在它之前添加这个包含 html 的字符串:

var string = "<div class='sun'><p>hi and more things</p>...</div>"

在 jQuery 中我会简单地这样做:

$(footer).before(string)

但是我怎样才能用普通的 javascript 做到这一点呢？如何将字符串转成NODE再显示？

Answer 1

您可以使用 .insertAdjacentHTML('beforebegin', string)

var string = "<div class='sun'><p>hi and more things</p>...</div>"

document.querySelector('footer').insertAdjacentHTML('beforebegin', string);

<footer>Footer</footer>