获取指定节点
| 代码 | 用法 |
|---|---|
| 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(子节点) |