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

创建节点:

document.createElement() 创建元素节点。
document.createTextNode() 创建文本节点。
document.cloneNode() 克隆节点。

注意:

 

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

 插入DOM节点:

 

  1. appendChild():把节点插入到父节点的末尾。
  2. insertBefore():把节点插入到父节点的某个兄弟节点的前面。所以他有两个参数,insertBefore(newItem,existingItem)

删除DOM节点:

  1. removeChild()

替换DOM节点:

  1. replaceChild(newnode,oldnode)

猜你喜欢

转载自blog.csdn.net/weixin_38199437/article/details/82142492
0条评论
添加一条新回复