HTML | DOM parentElement 属性

简介

parentElement属性返回指定元素的父元素。该属性只读。如果没有父元素，则返回null。

语法

element.parentElement

• element：必需，表示一个元素节点对象。

示例

以下是一个例子，在HTML文档中找到所有class为"child"的元素，并将其父级元素的背景颜色设为红色：

const childElements = document.getElementsByClassName("child");
for(let i = 0; i < childElements.length; i++) {
  childElements[i].parentElement.style.backgroundColor = "red";
}

注意事项

1. 当元素的父级不是元素（而是文档）时，parentElement属性返回null。
2. 还可以使用parentNode属性来获取元素的父级元素。两者的区别在于，parentNode包括文本节点和注释节点，而parentElement只包括元素节点。如果使用parentNode来获取父级元素，则必须检查返回结果确实是元素节点。

参考资料

1. MDN Web 文档：parentElement