javascript - 从 获取第一个元素然后 insertBefore()

Question

我已经在这上面待了几个小时了，现在我要开始扯头发了。基本上我需要做的是获取出现在正文中的第一个元素，然后在它之前插入另一个元素。

我尝试了以下方法来获取第一个元素但没有成功(未定义或 null)

window.document.body.firstChild

document.getElementsByTagName("body").firstChild

document.getElementsByTagName("body")[0].firstChild

window.document.documentElement.childNodes[1].childNodes[0]

以及之前片段的大量混合和匹配尝试。我也试过只获取 body 然后 appendChild() 也没有成功。

在此感谢任何帮助。提前致谢。

Answer 1

是的，document.body.firstChild 是正确的。您可能忽略了一个事实 insertBefore是父元素的一种方法，它在现有元素之前采用新元素。例如:

var addedElement = document.createElement('p');
addedElement.appendChild(document.createTextNode('Hello, world!'));

var body = document.body;
body.insertBefore(addedElement, body.firstChild);