js操作dom之增删改查

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js操作dom之增删改查相关的知识,希望对你有一定的参考价值。

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之增删改查的主要内容,如果未能解决你的问题,请参考以下文章

Node.js操作mysql数据库之增删改查

[转]在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

MySQL之增删改查之

JS源生代码“增删改查”之增

python操作mysql之增删改查

DataSet之增删改查操作(DataGridView绑定)