HTML DOM中的parentNode属性
parentNode属性是指一个节点的父节点,它是一个对象,可以通过节点对象的parentNode属性获取。
parentNode属性是一个只读属性,它返回一个节点对象,该对象代表当前节点的父节点。
parentNode属性可以用来访问父节点,也可以用来访问子节点,只要知道当前节点的父节点。
// 访问父节点 var parentNode = node.parentNode; // 访问子节点 var firstChild = parentNode.firstChild;
parentNode属性也可以用来替换某个节点,只需要设置parentNode属性的值为新节点即可:
// 将节点node替换为新节点newNode node.parentNode.replaceChild(newNode, node);
parentNode属性也可以用来删除某个节点,只需要调用parentNode的removeChild方法即可:
// 删除节点node node.parentNode.removeChild(node);
parentNode属性也可以用来添加某个节点,只需要调用parentNode的appendChild方法即可:
// 在节点node的父节点中添加新节点newNode node.parentNode.appendChild(newNode);
parentNode属性也可以用来获取某个节点的父节点的文本内容,只需要调用parentNode的textContent属性即可:
// 获取节点node的父节点的文本内容 var textContent = node.parentNode.textContent;
parentNode属性也可以用来获取某个节点的父节点的属性,只需要调用parentNode的getAttribute方法即可:
// 获取节点node的父节点的属性attrName的值 var attrValue = node.parentNode.getAttribute(attrName);