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)