Node 接口的方法
Node.appendChild()
appendChild方法接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点。该方法的返回值就是插入文档的子节点。
代码语言:javascript复制var p = document.createElement('p');
document.body.appendChild(p);
Node.hasChildNodes()
hasChildNodes方法返回一个布尔值,表示当前节点是否有子节点。
代码语言:javascript复制var foo = document.getElementById('foo');
if (foo.hasChildNodes()) {
foo.removeChild(foo.childNodes[0]);
}
Node.cloneNode()
cloneNode方法用于克隆一个节点。它接受一个布尔值作为参数,表示是否同时克隆子节点。它的返回值是一个克隆出来的新节点。
代码语言:javascript复制var cloneUL = document.querySelector('ul').cloneNode(true);
Node.insertBefore()
insertBefore方法用于将某个节点插入父节点内部的指定位置。
代码语言:javascript复制var insertedNode = parentNode.insertBefore(newNode, referenceNode);
Node.removeChild()
removeChild方法接受一个子节点作为参数,用于从当前节点移除该子节点。返回值是移除的子节点。
代码语言:javascript复制var divA = document.getElementById('A');
divA.parentNode.removeChild(divA);
Node.replaceChild()
replaceChild方法用于将一个新的节点,替换当前节点的某一个子节点。
代码语言:javascript复制var replacedNode = parentNode.replaceChild(newChild, oldChild);