JS获取文本和元素节点、增删改节点。

1.获取文本节点

p和span标签中间隔着文本节点,需要连续使用2次nextSibling才能选中span标签取得文本值

如当前节点父节点下的,第一个子节点:

current.parentNode.firstChild.nextSibling

当前节点的上一个子节点:

current.previousSibling.previousSibling

所以为了准确地找到相应的元素,会用

firstElementChild,

lastElementChild,

nextElementSibling,

previousElementSibling

2.获取元素节点

id:document.getElementById
标签名(如Input):document.getElementsByTagName
属性值(如name): document.getElementsByName
class: document.getElementsByClassName
返回的值都是string。

 3.节点操作方法备忘

creatElement 创建新的节点元素

var xxxx=getElementById('id');
xxxx.appendChild(newNode) 将newNode添加成当前节点的最后一个子节点
xxxx.insertBefore(newNode,refNode) 将refNode节点之前插入newNode节点
xxxx.replaceChild(newNode,oldNode) 将oldNode节点替换成newNode节点
xxx.removeChild(oldNode) 将oldNode子节点删除
节点cloneNode(boolean deep),当deep为true时,表示复制当前节点以及当前结点的全部后代节点。为false时,只复制当前节点。
cloneNoe(true)

原文地址:https://www.cnblogs.com/god3064371/p/11351700.html