如何在html js中获取class parents id（没有jQuery）

Question

我有一个class。我怎么知道这个 class parents id。

Answer 1

HTMl中的元素只能有一个父节点。我不确定您是否要在示例中检索 grandParent class 的 ID。如果您想检索所有祖先节点的 ID，请更新问题。

const child = document.querySelector('.child') // Selecting the class you want to work with.
console.log(child);

const parent = child.parentElement.getAttribute('id') // Getting id of parent node.
console.log('parent id: ', parent);

  <div id='1' class='grandParent'>
      <div id='2' class='parent'>
          <div id='3' class='child'>
            Hi
            </div>
        </div>
  </div>