gpt4 book ai didi

javascript - 使用 JavaScript 中的类更改文本

转载 作者:行者123 更新时间:2023-12-01 01:56:29 25 4
gpt4 key购买 nike

尝试更改以类名作为子级的所有点的文本。

尝试了以下代码,但它没有改变。

function myFunction() {

document.getElementsByClassName("child").innerHTML = "Milk";
}
<!DOCTYPE html>
<html>

<body>

<ul class="example">
<li class="child">Coffee</li>
<li class="child">Tea</li>
</ul>


<button onclick="myFunction()">Click here!</button>

</body>

</html>

最佳答案

要获取具有特定选择器的所有元素,您可以使用 Document.querySelectorAll() 。然后循环遍历所有元素来设置内容。

请注意:如果要设置的值是文本,那么最好使用 textContent而不是innerHTML :

function myFunction() {
document.querySelectorAll(".child").forEach(function(li){
li.textContent = "Milk";
});
}
<!DOCTYPE html>
<html>

<body>

<ul class="example">
<li class="child">Coffee</li>
<li class="child">Tea</li>
</ul>

<button onclick="myFunction()">Click here!</button>

</body>

</html>

关于javascript - 使用 JavaScript 中的类更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51001700/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com