欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jsDOM节点创建,操作,删除,替换解析

程序员文章站 2024-02-24 18:28:34
js dom节点创建,操作,删除,替换 创建节点: document.createelement() 创建元素节点。 document.createtextnode() 创建文本节点。...

js dom节点创建,操作,删除,替换

创建节点:
document.createelement() 创建元素节点。
document.createtextnode() 创建文本节点。
document.clonenode() 克隆节点。

注意:

document.createtextnode()与innerhtml的区别:innerhtml和createtextnode都可以把一段内容添加到一个节点中,若添加的内容里包含标签(eg:hello!),createtextnode会把strong标签当做文本处理,输出的是“hello!”,而innerhtml会当做一段代码处理,输出的是“hello!” document.clonenode():有两种boolean的参数。但参数是true的时候为深度克隆,就是复制当前节点的所有子孙节点。false的时候仅限复制当前节点。

插入dom节点:

appendchild():把节点插入到父节点的末尾。 insertbefore():把节点插入到父节点的某个兄弟节点的前面。所以他有两个参数,insertbefore(newitem,existingitem)

删除dom节点:

removechild()

替换dom节点:

replacechild(newnode,oldnode)