HTML DOM中的appendChild()方法
appendChild()方法是HTML DOM中的一个重要方法,它的作用是将指定的节点作为某个父节点的一个子节点添加到文档中。它的语法格式如下:
parentNode.appendChild(node);
其中,parentNode表示要添加子节点的父节点,node表示要添加的子节点。
下面是一个使用appendChild()方法的示例:
// 创建一个新的div节点 var newDiv = document.createElement("div"); // 添加文本节点到新创建的节点中 var newContent = document.createTextNode("Hello World!"); // 将文本节点添加到新创建的div节点中 newDiv.appendChild(newContent); // 将新创建的div节点添加到文档中 document.body.appendChild(newDiv);
上面的示例中,我们创建了一个新的div节点,创建了一个文本节点,将文本节点添加到新创建的div节点中,将新创建的div节点添加到文档中。
除了使用appendChild()方法添加子节点,还可以使用insertBefore()方法在指定的节点前插入子节点,它的语法格式如下:
parentNode.insertBefore(newNode, referenceNode);
其中,parentNode表示要添加子节点的父节点,newNode表示要添加的子节点,referenceNode表示在其前插入新节点。
以上就是HTML DOM中appendChild()方法的使用介绍,它可以帮助我们在文档中添加子节点,使用起来非常方便。