Rumah >hujung hadapan web >tutorial js >DOM方法之节点操作实例详解

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

零下一度
零下一度asal
2017-06-26 09:15:251232semak imbas

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中最后一个子节点)

Atas ialah kandungan terperinci DOM方法之节点操作实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn