人民大2024Web前端技术-PPT模块四 任务6 发布评论功能实现.pptx

;CONTENTS;;;;;;;;HTMLDOM创建元素一般分为3个步骤，首先，使用document.createElement()方法创建了节点；第二，使用document.createTextNode()方法为新的节点加入内容；现在，新的节点只存在于程序中，并没有加入到页面中，所以我们无法在浏览器中感觉到它的存在。因此，我们就有通常会使用第三个方法node.appendChild()将新的节点追加到已有元素。这样的3步骤代码如下所示：;上面代码运行结果如图4-6-5所示：;以上的实例我们使用了appendChild()方法，它用于添加新元素到已有节点的尾部。如果我们需要将新元素添加到已有节点的开始位置或者是结尾以外的其它位置，那么可以使用另一个方法insertBefore()，也就是在上面实例的第3步，用insertBefore()替换appendChild()方法，代码如下：;上面代码运行结果如图4-6-6所示：;删除一个DOM节点就比插入要容易得多。要删除一个节点，首先要获得该节点本身以及它的父节点，然后，调用父节点的removeChild把自己删掉：

注意到删除后的节点虽然不在DOM文档树中了，但其实它还在内存中，可以随时再次被添加到别的位置。

;;;;;;;;