使用JavaScript在DOM中查找下一个同级元素 [英] Find Next Sibling Element In DOM With JavaScript

问题描述

如何找到当前范围中的下一个元素？例如，我想找到 div 元素，然后是 p 的下一个元素？

How can I find the next element in the current scope? For example, I want to find div element and after this the next one which is p?

如果我使用 document.getElementsByTagName（'DIV'）[0] .nextSibling 它返回 #text 。我希望它返回 p 标签。

If I use document.getElementsByTagName('DIV')[0].nextSibling it returns #text. I want it to return p tag.

<div>
    <table>
        <tr>
            <td></td>
        </tr>
    </table>
</div>
<p></p>

推荐答案

您可以使用 nextElementSibling 。如果您需要支持旧浏览器，请遍历 nextSibling ，直到找到Element节点。

You can use nextElementSibling. If you need to support older browsers, traverse nextSibling until you find an Element node.

这篇关于使用JavaScript在DOM中查找下一个同级元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！