获取指定节点
代码 | 用法 |
---|---|
firstChild | 获取当前元素节点的第一个子节点 |
firstElementChild | 获取当前元素节点的第一个元素节点 |
lastChild | 获取当前元素节点的最后一个子节点 |
lastElementChild | 获取当前元素节点的最后一个元素子节点 |
ownerDocument | 获取该节点的文档根节点 |
parentNode | 获取当前节点的父节点 |
previousSibling | 获取当前节点的前一个同级节点 |
previousElementSibling | 获取当前节点的前一个同级元素节点 |
nextSibling | 获取当前节点的后一个同级节点 |
nextElementSibling | 获取当前节点的后一个同级元素节点 |
attributes | 获取当前元素节点的所有属性节点集合 |
childElementCount | 获取当前节点的元素节点的个数 |
children | 获取当前节点的所有元素节点 |
children返回的是数组;
children[0];用下标来寻找对应的节点
<script type="text/javascript">
var div=document.getElementById('div');
div.firstElementChild
</script>
操作节点
方法 | 说明 |
---|---|
write() | 这个方法可以把任意字符串插入到文档中 |
createElement() | 创建一个元素节点:document.createElement(‘标签名’) |
appendChild() | 将新节点追加到子节点列表的末尾:元素节点.appendChild(‘节点’) |
createTextNode() | 创建一个文件节点:document.createTextNode(‘文本值’) |
insertBefore(新节点,已有节点) | 可在已有的子节点前插入一个新的子节点:父节点.insertBefor(新节点,已有节点) ; old节点的父节点.insertBefore(new,old); |
box.parentNode.insertBefore(p, box) | 在
之前创建一个节点
|
replaceChild() | 可将某个子节点替换为另一个:父节点.replaceChild(新节点,旧节点) |
cloneNode() | 复制节点: 元素节点.cloneNode(Boolean);可选。该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true,它还将递归复制当前节点的所有子孙节点。否则,它只复制当前节点。 |
removeChild() | 删除父节点下指定的子节点:父节点.removeChild(子节点) |