当前位置:Gxlcms > JavaScript > DOM方法之节点操作实例详解

DOM方法之节点操作实例详解

时间:2021-07-01 10:21:17 帮助过:5人阅读

document.createElement(tagName)
通过标签名的形式创建一个元素
parentNode.appendChild(childNode)
往一个节点里边添加一个子节点,注意是添加在最后
parentNode.insertBefore(childNode1,childNode2)
往一个节点的指定子节点前边插入一个节点
如上:childNode1插入到childNode2前边;

parentNode.removeChild(childNodes)
从一个节点中删除指定的子节点。

parentNode.replaceChild(node,childNode)
node用来替换的节点,childNodes被替换的子节点
两个参数都必须写。
node.cloneNode(boolean)
克隆一个节点
true:克隆元素和元素包含的子孙节点
flase:克隆元素但不包含元素的子孙节点

node.parentNode 父节点
node.offsetParent 定位父级
node.children 子节点
node.perviousElementSibling 上一个兄弟节点
node.nextElementSibling 下一个兄弟节点
node.firstElementChild(获取node中第一个子节点)
node.lastElementChild(获取node中最后一个子节点)

以上就是DOM方法之节点操作实例详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行