Javascript 检查多个类的style="；颜色：……”；

例如，我有一个名为“foo”的类，长度为100

现在，我想找出这100个中哪一个有一种风格（颜色）。 其中只有一个有颜色，但顺序是随机的，因此我无法通过

foo[100]

获得类，因为它在1-100之间是随机的

其中一个看起来像：

hello

那我怎么才能得到这个呢？我已经在这里检查了许多其他问题，但是我找不到关于这部分的任何信息

它看起来像：

<div class="foo"> <div><span style="color:yellow;">2</span></div></div>
<div class="foo"> <div><span>1</span></div></div>
<div class="foo"> <div><span>2</span></div></div>
<div class="foo"> <div><span>1</span></div></div>

2
1.
2.
1.

使用

querySelectorAll

可以找到所有

div.foo

元素。然后，您可以使用

Array.prototype.find

将这些集合视为数组，并在

find

回调中循环查找第一个包含颜色样式的

span

，使用

querySelectorAll

查找具有

style

属性的

span

s，然后使用

Array.prototype。一些

查找其中一个是否具有

颜色

样式（与其他样式相反）：

//查找所有'div.foo'元素
var-foulist=document.querySelectorAll（“div.foo”）；
//查找第一个包含带有颜色样式的“span”的
var found=Array.prototype.find.call（傻瓜，函数（div）{
//'some'在其回调第一次返回真实值时停止
返回Array.prototype.some.call（div.queryselectoral（“span[style]”），函数（span）{
return！！span.style.color；
});
});
//表现出来
console.log（found.outerHTML）
这个
1.
2.
1
DOM元素对不起…：/就在它结束之后。。。1我在document.querySelectorAll（“div.foo”）中找到了它，但是现在如何检查它们的style='color:…'…我想在末尾找到div.foo，我只想找到包含style='color:…'部分的类号。。。foo[0]作为示例。。。很抱歉没有从一开始就发布所有详细信息。。。下次我会尽量添加更多的信息。感谢您抽出时间检查我的问题：）