要动态创建和插入元素,可以使用 JavaScript 的 createElement
、createTextNode
要动态创建和插入元素,可以使用 JavaScript 的 createElement
、createTextNode
和 appendChild
方法。以下是一个简单的示例:
// 创建一个新的 <p> 元素
var newElement = document.createElement("p");
// 创建一个文本节点,并将其添加到新元素中
var newContent = document.createTextNode("这是一个新的段落。");
newElement.appendChild(newContent);
// 将新元素添加到文档中的某个位置,例如 <body> 元素的末尾
document.body.appendChild(newElement);
在这个示例中,我们首先使用 createElement
方法创建了一个新的 <p>
元素。然后,我们使用 createTextNode
方法创建了一个包含文本内容的文本节点,并使用 appendChild
方法将其添加到新元素中。最后,我们将新元素添加到文档中的 <body>
元素的末尾。