使用JavaScript在DOM中查找下一个同级元素

如何在当前范围中找到下一个元素？例如，我想找到

div

元素，然后是下一个

p

如果我使用

document.getElementsByTagName（'DIV'）[0].nextSibling

它将返回

#text

。我希望它返回

p

标记

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

您可以使用。如果需要支持较旧的浏览器，请遍历

nextSibling

，直到找到所需的元素节点。

获取

#text

的原因是

nextSibling

将返回父元素的

childNodes

列表中的下一个节点。在本例中，由于在

和

之间使用了换行符，所以它是空白（因此是#文本）

document.getElementsByTagName('DIV')[0].nextElementSibling