在JavaScript中从一个子元素中获取父元素的方法在本教程中，我们将学习如何使用JavaScript从一个子元素中获

在本教程中，我们将学习如何使用JavaScript从一个子元素中获得一个父元素。

考虑一下，我们的代码中有这样的元素。

<div class="container">
    <h1 class="title">This is child</h1>
</div>

现在，我们需要通过使用子元素h1 ，来获得父元素div 。

使用 document.querySelector() 方法

为了从子元素中获得父元素，首先我们需要使用document.querySelector() 方法访问子元素，向它传递一个classname 。

const child = document.querySelector(".title");

现在，我们可以通过调用父元素的parentNode 属性来访问它。

const parent = child.parentNode;
console.log(parent);

输出。

<div class="container">
</div>

下面是一个完整的例子。

<div class="container">
    <h1 class="title">This is child</h1>
</div>

const child = document.querySelector(".title");
const parent = child.parentNode;

console.log(parent);