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，这将是＆＃34; div3＆＃34;。

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

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

小小提示以展示主要区别here

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

2 个答案: