javascript - 如何在不使用ID的情况下查找元素

Question

我的数组中有 DOM 元素

this.object = 
     <div>
     <span class="color">"color1</span> 
     <span class="text">text1</span>
     </div>

     <div>
     <span class="color">"color2</span> 
     <span class="text">text2</span>
     </div>

     <div>
     <span class="color">"color3</span> 
     <span class="text">text3/span>
     </div>

     <div>
     <span class="color">"color4</span> 
     <span class="text">text4</span>
     </div>

此 DOM 存在于 DOM 数组中 ( this.object )

如何仅更新数组中的第一个范围或仅更新第二个范围，我无法使用程序技术问题中的 ID。

我尝试使用this.element.children[i] 但后来我不知道如何找到第一个或第二个跨度

Answer 1

您可以使用 this.element[i] 访问数组中的任何元素，然后您可以访问这些元素的子元素:

this.element[0].childNodes[0].innerHTML = "paint one";