通过类和 ID 获取元素内的元素

小编典典

通过类和 ID 获取元素内的元素 - JavaScript

all

好吧，我以前涉足过 JavaScript，但我写过的最有用的东西是 CSS 样式切换器。所以我对此有些陌生。假设我有这样的 HTML 代码：

<div id="foo">
    <div class="bar">
        Hello world!
    </div>
</div>

我将如何更改Hello world!为Goodbye world!？

我知道如何document.getElementsByClassName工作document.getElementById，但我想更具体一些。抱歉，如果之前有人问过这个问题。

阅读 74

2022-07-28

共1个答案

小编典典

好吧，首先您需要选择具有类似功能的元素getElementById。

var targetDiv = document.getElementById("foo").getElementsByClassName("bar")[0];

getElementById只返回一个节点，但getElementsByClassName返回一个节点列表。由于只有一个具有该类名的元素（据我所知），您可以只获取第一个元素（这就是它的[0]用途——就像一个数组）。

然后，您可以使用.textContent.

targetDiv.textContent = "Goodbye world!";



var targetDiv = document.getElementById("foo").getElementsByClassName("bar")[0];

targetDiv.textContent = "Goodbye world!";


<div id="foo">

    <div class="bar">

        Hello world!

    </div>

</div>

2022-07-28