如何使用javascript编辑div中另一个div中的div中的文本

时间:2018-01-22 21:20:54

标签: javascript

我想知道我可以使用哪些javascript代码来编辑这个单词的文字? 这不是重复的,因为它在div中有多个div。并且目标词位于div中的div中。

<div id="jump">
  <div class="kick">
     <div class="meet">
        <div class="balls">
           <div class="word">
             Hello
          </div>
       </div>
   </div>

2 个答案:

答案 0 :(得分:0)

您可以使用下一个代码:

&#13;
&#13;
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;
&#13;
&#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';