如何在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] 

我想弄清楚如何获得的，也就是说，标签父的ID [2 ]，这将是“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 

parentElement

或

tags[2].parentNode.id 

parentNode

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

小提琴展示的主要区别here