jsDOM节点创建,操作,删除,替换解析
程序员文章站
2023-12-16 14:30:25
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)