我想知道我可以使用哪些javascript代码来编辑这个单词的文字? 这不是重复的,因为它在div中有多个div。并且目标词位于div中的div中。
<div id="jump">
<div class="kick">
<div class="meet">
<div class="balls">
<div class="word">
Hello
</div>
</div>
</div>
答案 0 :(得分:0)
您可以使用下一个代码:
document.querySelector('.word').textContent = 'Hello World!';
&#13;
<div id="jump">
<div class="kick">
<div class="meet">
<div class="balls">
<div class="word">
Hello
</div>
</div>
</div>
&#13;
但是,如果您使用类字词的元素很少,则函数&#39; querySelectror
仅对第一个元素进行罚款。如果您需要获取许多元素,则可以使用document.querySelectorAll
---是HTMLCollection(不是数组)。
我不建议使用 getElementByClassName - 这是非常缓慢的方法。
方法 getElementsByTagName - 更快 querySelectorAll ,但它只使用tagName。 getElementById - 是元素发现最快的menthod。
但该方法只查找具有当前ID的第一个元素。
答案 1 :(得分:0)
它是第一个拥有这个类的元素......
document.getElementsByClassName('word')[0].innerHTML='Goodbye';
它是具有此标记的第5个元素......
document.getElementsByTagName('div')[4].innerHTML='Goodbye';