有没有办法使用 JavaScript 返回指定元素的顶部或第二个父元素？

Question

我想获取myLIid的顶级父元素（部分）。

我的 HTML 代码是：

<section>
    <div>
        <ul>
          <li id="myLI">Coffee</li>
          <li>Tea</li>
        </ul>

    </div>
</section>

我的代码是：

var x = document.getElementById("myLI").parentElement.nodeName;

我的代码返回，UL但我希望它返回section。

Answer 1

如果你想通过 tagName 来定位父级，你可以使用.closest(selector);如下：

var x = document.getElementById("myLI").closest('section');

注意：请查看浏览器兼容性部分。

希望这可以帮助。

var x = document.getElementById("myLI").closest('section');

var x = document.getElementById("myLI").closest('section');

console.log(x.tagName);