节点: 文档中所用元素都是节点,包括换行等
2. 子节点
2.1 node.children(开发中常用此方法)
2.2 node.childNodes 获得的是所有子节点,包含元素节点 文本节点等
3. 获取第一个元素节点或者最后一个元素节点的方法:
3、兄弟节点
为了解决getNextElementSibling兼容性问题,可以自己封装一个函数
function getNextElementSibling(element) {
var el = element;
while (el = el.nextSibling) {
if (el.nodeType == 1) {
return el;
}
}
return null;
}
4. 在页面中添加一个新的元素
4.1 创建节点
document.creatElement()
4.2 添加节点
4.2.1 (法一) node.appendChild(child) node父级 child 子级 追加的元素是后面的,和数组中的push类似
4.2.2 (法二)node.inserBefore(child, 指定元素);
4.3 删除节点
node.removeChild(child) 从DOM中删除一个子节点,返回删除的节点
node 是要删除的child的父节点
注意:阻止链接跳转需要添加javascript:void(0);或者 javascript:;
5.复制节点
node.cloneNode(); 方法返回该方法的节点的一个副本。
1)括号为空或者为false,是浅拷贝,即只复制节点本身,不克隆里面的子节点;
2)括号参数为true,则是深度拷贝,会复制节点本身以及里面所有的子节点