javascript - 我如何使用每个元素的父级 unique_id 定位所有内部类

Question

我有一个带有唯一 ID 的文档文章，里面只有一个类的部分。

<article id="unique_id">
  <header>
    <h1>Article Header</h1>
  </header>
  <p>Article with unique id unique_id</p>
  <section class="section" contenteditable="true">
    <p>Section with uniform class .section</p>
  </section>
</article>

我如何将每篇文章的父级 unique_id(如“.section#unique_id”)定位到所有部分类，并将其放入 javascript 函数可以处理的变量中。

我只想定位 section 元素，但将有一个基于其父 ID 的唯一引用，因此我可以在更改每个部分的内容时将它们保存到本地存储。

我也不知道 unique_id，我只是以它的父类的 unique_id 作为引用来定位部分类，而不知道父类的特定 unique_id。

我尝试了 document.getElementsByClassName('footer').parentElement(); 但导致错误。

如果您可以提供一个仅使用默认值而不依赖 jQuery 的中立解决方案，那就更好了。

Answer 1

document.getElementsByClassName('footer')[0].parentNode;

它是一个属性，而不是一个方法:)

如果您的浏览器支持，您可以使用 document.querySelectorAll()。