JavaScript从另一个子div更改特定子div的样式

假设我们有一个循环，它产生3个div，每个div内有其他4个div，如下所示：

<div class="one">
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
</div>

<div class="one">
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
</div>

<div class="one">
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
   <div class="two">second class</div>
</div>

二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱

现在，我想用javascript更改css的样式。我如何在javascript中制作类似的东西并工作

document.getElementsByClassName（'one'）[2]。document.getElementsByClassName（'two'）[3]。style.cssText{…}

我想更改类
的样式css。两个
来自
子类[3]
，位于类
内。一个
来自
子类[2]
您非常接近。
HTMLElement
具有-like
document
-A
.getElementsByClassName
方法来选择一些子元素：


document.getElementsByClassName（'one'）[2]。getElementsByClassName（'two'）[3]。style.cssText='background color:red'

二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
我不确定你是否真的想用JS实现这一点，但为了以防万一，这里有一个纯CSS方法：


。一：第n个孩子（3）。二：第n个孩子（4）{
背景色：红色；
}

二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
二等舱
您可以使用以下代码-

var parent = document.getElementsByClassName('one')[2]
parent.getElementsByClassName('two')[3].style.color = "blue";