DOM节点的增删改查

  • 创建节点、追加节点

createElement(标签名)创建一个元素节点(具体的一个元素)。

createTextNode(节点文本内容)创建一个文本节点。

createDocumentFragment() //创建一个 DOM 片段。

appendChild(节点)追加一个节点。

  • 插入节点

appendChild(节点)也是一种插入节点的方式,还可以添加已经存在的元素,会将其

元素从原来的位置移到新的位置。

insertBefore(a,b)是参照节点,意思是 a节点会插入 b节点的前面。

  • 删除、移除节点

removeChild(节点) 删除一个节点,用于移除删除一个参数(节点)。其返回的被移除

的节点,被移除的节点仍在文档中,只是文档中已没有其位置了。

  • 复制节点

cloneNode() 方法,用于复制节点, 接受一个布尔值参数, true 表示深复制(复制节点

及其所有子节点), false 表示浅复制(复制节点本身,不复制子节点)。

  • 替换节点

replaceChild(插入的节点,被替换的节点) ,用于替换节点,接受两个参数,第一参数

是要插入的节点,第二个是要被替换的节点。返回的是被替换的节点。

  • 查找节点

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name 属性的值(IE容错能力较强,会得到一

个数组,其中包括 id等于 name值的)

getElementById() //通过元素 Id,唯一性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容