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