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

来源：动视网责编：小采时间：2020-11-27 20:20:20

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

DOM方法之节点操作实例详解:document.createElement(tagName) 通过标签名的形式创建一个元素 parentNode.appendChild(childNode) 往一个节点里边添加一个子节点，注意是添加在最后 parentNode.insertBefore(childNode1,childNode2) 往一个节点的指定子

推荐度：

点击下载本文 文档为doc格式

导读DOM方法之节点操作实例详解:document.createElement(tagName) 通过标签名的形式创建一个元素 parentNode.appendChild(childNode) 往一个节点里边添加一个子节点，注意是添加在最后 parentNode.insertBefore(childNode1,childNode2) 往一个节点的指定子

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方法之节点操作实例详解

推荐度：

点击下载本文 文档为doc格式

标签：操作方法方式

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐