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