如何在正文标签中使用document.getElementByTagName（）

Question

我尝试将body标记与document.getElementsByTagName()方法一起使用，但无法正常工作。

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更轻松地访问body，詹姆斯·艾伦答案中提到的内容）

 let body = document.getElementsByTagName("body")[0]; body.innerHTML += "<p>This is new</p>";