选择具有DOM但不带子元素的div的内容

Question

有HTML代码：

<div id="parent">
    <p>111111</p>
    <div id="child">
        <p>22222</p>
        <div id="childer">
            <p>33333</p>
        </div>
    </div>
</div>

我只希望在id为child的div段落中选择“ 22222”。

但是使用document.getElementById("child").textContent时，它将返回“ 22222”和“ 33333”。我不想使用jQuery，有人可以帮助我吗？谢谢

Answer 1

您可以尝试使用querySelector()，它允许CSS之类的选择器（querySelector()）：

Answer 2

您可以使用

<div id="parent">
    <p>111111</p>
    <div id="child">
        <p>22222</p>
        <div id="childer">
            <p>33333</p>
        </div>
    </div>
</div>

，更多信息querySelector()。

Answer 3