如何使用 document.getElementByTagName() 和 body 标签

Question

我尝试使用document.getElementsByTagName()带有 body 标签的方法，但没有用。var p = document.createElement("p");var node = document.createTextNode("This is new");p.appendChild(node);var parent = document.getElementByTagName("body");parent.appendChild(p);为什么不返回结果，我哪里出错了？

Answer 1

document.body 将返回单个元素而不是 getElementsByTagName() 它将返回一个 HTMLCollection

var p = document.createElement("p");

var node = document.createTextNode("This is new");

p.appendChild(node);

var parent = document.body;

parent.appendChild(p);

Answer 2

命令是getElementsByTagName，注意 上的复数Elements。

var parent = document.getElementsByTagName("body");

Answer 3

尝试（然而更容易进入身体是document.body詹姆斯艾伦回答中提到的）

let body = document.getElementsByTagName("body")[0];

body.innerHTML += "<p>This is new</p>";