javascript - 如何在 Javascript 中找到 h1 标签数组的父 ID？

Question

我的 HTML 中有这样的内容：

<div id="div0"></div>
<div id="div1"><h1>h1(0)</h1></div>
<div id="div2"><h1>h1(1)</h1></div>
<div id="div3"><h1 class="center">h1(2)</h1></div>
<div id="div4"><h1>h1(3)</h1><h1>h1(4)</h1></div>

我的Javascript：

var tags=document.getElementsByTagName('h1');
console.log(tags) =
  HTMLCollection[h1,h1,h1.center,h1,h1]

我试图弄清楚如何获取标签 [2] 的父级的 id，即“div3”。

Answer 1

这应该有效：

tags[2].parentNode.id;

https://developer.mozilla.org/en-US/docs/DOM/Node.parentNode

https://developer.mozilla.org/en-US/docs/DOM/Node.parentElement

Answer 2

你可以试试：-

tags[2].parentElement.id 

父元素

或者

tags[2].parentNode.id

父节点

两者几乎相似，一个区别是当节点的 parentNode 不是元素时。如果是这样，则 parentElement 将为空。例如；- 如果您正在查看HTML元素，则 parentNode 将返回您documentElement，而 parentElement 将返回 null。

在这里展示主要区别的小小提琴