JavaScript基础9——操作DOM树
appendChild()方法:添加子节点到末尾
- 类似于剪切粘贴的效果
insertBefore(newNode, oldNode)方法:在某个节点之前插入一个节点
- newNode为要插入的节点,oldNode是在谁之前插入的节点
- 通过父节点插入子节点
removeChild():删除节点
- 通过父节点删除子节点
replaceChild(newNode, oldNode):替换节点
- 通过父节点替换子节点
cloneNode(boolean)方法:复制节点
- 参数boolean表示是否复制子节点
总结:
获取节点使用方法
getElementById() 通过id查找对应节点
getElementsByName() 通过name属性值查找节点集合
getElementsByTagName() 通过标签名查找节点集合
插入节点的方法
insertBefore(newNode, oldNode) 在某个节点之前插入
appendChild() 在末尾添加,相当于剪切粘贴
删除节点的方法
removeChild():通过父节点删除子节点
替换节点的方法
replaceChild():通过父节点替换子节点
复制节点的方法
cloneChild(boolean):复制节点,boolean表示是否复制子节点