js 获取父元素

作者：夕阳下的孤影发布日期:2026-03-05 浏览:102

// 示例代码：获取父元素

// 假设我们有一个 HTML 结构如下：
// <div id="parent">
//   <div id="child"></div>
// </div>

// 方法 1: 使用 parentNode 属性
var childElement = document.getElementById("child");
var parentElement = childElement.parentNode;
console.log(parentElement); // 输出: <div id="parent"></div>

// 方法 2: 使用 parentElement 属性
var parentElement2 = childElement.parentElement;
console.log(parentElement2); // 输出: <div id="parent"></div>

// 解释说明：
// - parentNode 返回节点的父节点，它可以是任何类型的节点（元素节点、文本节点、注释节点等）。
// - parentElement 返回节点的父元素节点，如果父节点不是元素节点，则返回 null。
// - 在大多数情况下，parentElement 更常用，因为它只返回元素节点。

上一篇：js form

下一篇：js 获取滚动条位置