码迷,mamicode.com
首页 > Web开发 > 详细

js操作dom之增删改查

时间:2017-10-13 20:08:35      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:parent   ssi   new   setattr   使用   html   creat   操作   删除   

js的节点分为三种:

  元素节点 1
  属性节点 2
  文本节点 3

js增加元素节点:

  innerHtml应该是效率最快的方式,当然也可以使用document.createElement方式创建好,通过appendChild或者parentNode.insertBefore(newEle,targetEle)来添加元素节点

js删除元素节点:

  parent.removeChild(ele)

js更改或者删除元素节点的属性

  setAttribute removeAttribute

js更改元素节点的文本值:

  1:可以先获取元素节点的文本节点,然后文本节点有一个属性是nodeValue,通过更改nodeValue的值达到修改元素节点的文本的目的

  2:通过元素节点innerText属性达到目的,不过innerText会返回包括子元素的文本,而且在修改的时候,如果元素节点含有子元素,也会被抹掉,outerText的修改会删除元素本身

js获取元素节点:

  获取父节点:parentNode

  获取第一个子节点:firstChild

  获取最后一个子节点:lastChild

  获取前一个兄弟节点:previousSibling

  获取后一个兄弟节点:nextSibling

  获取所有类型子节点:childrenNode会返回所有类型的节点,可以根据节点的nodeType是否为1来筛选中所有元素节点

  获取所有子元素节点:children只会返回子元素节点,属性节点和文本节点不回返回(IE8以前会把注释作为节点一起返回)

js判断是否包含某个子节点:contains

  

js操作dom之增删改查

标签:parent   ssi   new   setattr   使用   html   creat   操作   删除   

原文地址:http://www.cnblogs.com/mrzhu/p/7662728.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!