javascript document.querySelectorAll

我在这里试图做的是修改元素并使用JS添加属性（类）

JS脚本

  var x = document.querySelectorAll(".clearfix div");
  x[0].setAttribute("class", "regDesign");
  x[1].setAttribute("class", "regDesign");

HTML默认格式

<div class="clearfix">
<div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    a lot of divs here
</div>
<div>
    <div></div>
    <div></div>
    <div></div>
    a lot of divs here
</div>
</div>

这里有很多演员
这里有很多演员

HTML结果

<div class="clearfix">
    <div class="regDesign">
        <div class="regDesign"></div>
    </div>  
    <div>
        <div></div>
    </div>
</div>

<div class="clearfix">
    <div class="regDesign">
        <div></div>
    </div>  
    <div class="regDesign">
        <div></div>
    </div>
</div>

所需的HTML结果

<div class="clearfix">
    <div class="regDesign">
        <div class="regDesign"></div>
    </div>  
    <div>
        <div></div>
    </div>
</div>

<div class="clearfix">
    <div class="regDesign">
        <div></div>
    </div>  
    <div class="regDesign">
        <div></div>
    </div>
</div>

---

感谢您的帮助。

您可以按如下方式修改选择器：

var x=document.querySelectorAll（.clearfix>div”）；
x[0].setAttribute（“类”、“regDesign”）；
x[1].setAttribute（“类”、“regDesign”）；
log（document.getElementsByClassName（“clearfix”）[0].innerHTML）
这将动态执行，即使每个div中有多个div：

var x = document.querySelectorAll(".clearfix>div");
x[0].setAttribute("class", "regDesign");
x[1].setAttribute("class", "regDesign");

您可以对任意数量的

执行类似操作
要添加类，请使用
classList.add（）
而不是
setAttribute（）
var x=document.querySelectorAll（.clearfix>div”）；
for（设i=0；i

您是否尝试过
document.queryselectoral（“.clearfix div”）div，谢谢您，先生。这就成功了。我将对此进行研究，并了解“>”是如何工作的。谢谢