首页 > web前端 > js教程 > DOM方法之节点操作实例详解

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

零下一度
发布: 2017-06-26 09:15:25
原创
1226 人浏览过

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方法之节点操作实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板