javascript - dom 操作 - 如何正确使用 createElement？

Question

我不明白为什么单击按钮后它不显示文本？有什么我想念的吗？

HTML：

<button id="myBtn" onClick="myFunction()">Try it</button>

JAVASCRIPT：

document.getElementById("myBtn").addEventListener("click", myFunction);

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

}

标签： javascripthtml

Answer 1

您需要将newpara元素附加到文档中才能在网页上显示。此外，您应该将创建的文本节点添加到您的段落元素

考虑以下补充：

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

// [ADD] Ensure that content is added to the paragraph element
newpara.appendChild(newcontent);

// [ADD] Ensure the paragraph element is added to the document
document.body.appendChild(newpara);    
}