Javascript JS-getElementsByClassName数组，然后获取数组中的元素

我有一个带有几个矩形的svg脚本：

<g class="1">
    <rect x="80.181" y="156.8" width="64.394" height="54.973"/>
</g>
<g class="2">
    <rect x="147.067" y="156.8" width="23.89" height="54.973"/>
</g>
<g class="1">
    <rect x="173.45" y="156.8" width="22.433" height="54.973"/>
</g>
<g class="3">
    <rect x="198.375" y="156.8" width="39.668" height="54.973"/>
</g>

(...)

(...)

我想创建一个函数来定义类中所有矩形的填充，例如，1。比如：

function FillRect() {
    var rect = document.getElementsByClassName('1');

    for (var i = 0; i < rect.length; i++) {
        document.rect[i].querySelector('rect').style.fill="blue";
    }
}

函数FillRect（）{
var rect=document.getElementsByClassName（'1'）；
对于（变量i=0；i

我不确定如何执行最后一个

文档.rect[I].querySelector

部分

您只需执行以下操作：

var rect = document.querySelectorAll(".1 rect");
for (var i = 0; i < rect.length; i++) {
    rect[i].style.fill="blue";
}

var rect=document.querySelectorAll（“.1 rect”）；
对于（变量i=0；i

您只需执行以下操作：

var rect = document.querySelectorAll(".1 rect");
for (var i = 0; i < rect.length; i++) {
    rect[i].style.fill="blue";
}

var rect=document.querySelectorAll（“.1 rect”）；
对于（变量i=0；i

您只需执行以下操作：

var rect = document.querySelectorAll(".1 rect");
for (var i = 0; i < rect.length; i++) {
    rect[i].style.fill="blue";
}

var rect=document.querySelectorAll（“.1 rect”）；
对于（变量i=0；i

您只需执行以下操作：

var rect = document.querySelectorAll(".1 rect");
for (var i = 0; i < rect.length; i++) {
    rect[i].style.fill="blue";
}

var rect=document.querySelectorAll（“.1 rect”）；
对于（变量i=0；i

您不需要引用文档对象

function FillRect() {
    var rect = document.getElementsByClassName('1');

    for (var i = 0; i < rect.length; i++) {
        rect[i].querySelector('rect').style.fill="blue";
    }
}

函数FillRect（）{
var rect=document.getElementsByClassName（'1'）；
对于（变量i=0；i

您不需要引用文档对象

function FillRect() {
    var rect = document.getElementsByClassName('1');

    for (var i = 0; i < rect.length; i++) {
        rect[i].querySelector('rect').style.fill="blue";
    }
}

函数FillRect（）{
var rect=document.getElementsByClassName（'1'）；
对于（变量i=0；i

您不需要引用文档对象

function FillRect() {
    var rect = document.getElementsByClassName('1');

    for (var i = 0; i < rect.length; i++) {
        rect[i].querySelector('rect').style.fill="blue";
    }
}

函数FillRect（）{
var rect=document.getElementsByClassName（'1'）；
对于（变量i=0；i

您不需要引用文档对象

function FillRect() {
    var rect = document.getElementsByClassName('1');

    for (var i = 0; i < rect.length; i++) {
        rect[i].querySelector('rect').style.fill="blue";
    }
}

函数FillRect（）{
var rect=document.getElementsByClassName（'1'）；
对于（变量i=0；i

函数FillRect（）{ var rect=document.getElementsByClassName（'1'）

for（变量i=0；i

这应该是你想要的。如果需要，可以考虑jQuery。

< P>函数fILILLATION（）{ var rect=document.getElementsByClassName（'1'）

for（变量i=0；i

这应该是你想要的。如果需要，可以考虑jQuery。

< P>函数fILILLATION（）{ var rect=document.getElementsByClassName（'1'）

for（变量i=0；i

这应该是你想要的。如果需要，可以考虑jQuery。

< P>函数fILILLATION（）{ var rect=document.getElementsByClassName（'1'）

for（变量i=0；i

---

这应该是你想要的。你可以考虑jQuery。如果你创建了<代码> Rect<代码>变量，你为什么尝试访问它作为“代码>文档< /代码>上的一个属性？在创建了<代码> Rect<代码>变量之后，为什么你会尝试在代码< >代码>文件> <代码>变量之后访问它作为属性？为什么要尝试将其作为

document

上的属性访问？创建

rect

变量后，为什么要尝试将其作为

document

上的属性访问？是的，最好将附加查询放入原始选择器中，让查询引擎为您执行操作。这太完美了！非常感谢。是的，只需将额外的查询放入原始选择器中，让查询引擎为您完成工作就更好了。这太完美了！非常感谢。是的，只需将额外的查询放入原始选择器中，让查询引擎为您完成工作就更好了。这太完美了！非常感谢。是的，只需将额外的查询放入原始选择器中，让查询引擎为您完成工作就更好了。这太完美了！非常感谢。