JS DOM 编程复习笔记 -- replaceChild、cloneNode、removeChild（八）
最新回答
洛小汐
2024-11-29 09:03:42
首先，我们来了解replaceChild()的用法。
replaceChild()用于替换DOM中的节点。
接着，我们来看cloneNode()的使用。
cloneNode()用于克隆一个元素。
参数说明：
注意：除了克隆DOM结构，cloneNode()还会复制原始节点的所有属性和内联事件监听器。然而，它不会复制通过addEventListener()添加的事件监听器或originalNode.onclick = eventHandler()的事件监听器。如果克隆具有id属性的节点并将克隆的节点放在同一个页面中，则id将是重复的。在这种情况下，需要在添加到DOM树之前更改id。
下面是一个示例：
最终HTML结构为：
然后，我们讨论removeChild()的用法。
使用removeChild()可以删除DOM元素。
语法：
childNode是要删除的parentNode的子节点。如果childNode不是parentNode的子节点，则该方法抛出异常。removeChild()返回从DOM树中移除的子节点，但将其保留在内存中，以便以后使用。如果不想将移除的子节点保留在内存中，则使用以下语法：
删除ul下的最后一个子元素
删除所有节点，使用removeChild()方法
使用innerHTML也可以进行删除所有节点
最后，今天我们复习了replaceChild()、cloneNode()和removeChild()方法。你觉得它们和jQuery的方法有什么区别呢？
热门标签
