JavaScript HTML DOM 节点
-
创建新的HTML元素(节点)
要向HTML DOM添加新元素,必须首先创建元素(元素节点),然后将其附加到现有元素。示例说明 :
此代码创建一个新<p>元素:要向<p>元素添加文本,必须首先创建文本节点。此代码创建一个文本节点:然后,您必须将文本节点附加到<p>元素:最后,您必须将新元素附加到现有元素。此代码查找现有元素:此代码将新元素附加到现有元素: -
创建新的HTML元素 - insertBefore()
appendChild()上一个示例中的方法将新元素作为父项的最后一个子项附加。如果您不希望可以使用insertBefore()方法: -
删除现有的HTML元素
要删除HTML元素,您必须知道元素的父元素:node.remove()方法不适用于任何版本的Internet Explorer浏览器。
示例说明 :
此HTML文档包含<div>具有两个子节点(两个<p> 元素)的元素:找到元素id="div1":找到<p>元素id="p1":从父母中删除孩子:能够在不引用父元素的情况下删除元素会很好。但抱歉。DOM需要知道要删除的元素及其父元素。
以下是一个常见的解决方法:找到要删除的子项,并使用其 parentNode属性查找父项: -