Javascript 查找具有已知CSS属性的HTML片段_Javascript_Css_Css Selectors_Getcomputedstyle

Javascript 查找具有已知CSS属性的HTML片段

javascript css

Javascript 查找具有已知CSS属性的HTML片段,javascript,css,css-selectors,getcomputedstyle,Javascript,Css,Css Selectors,Getcomputedstyle,我正在寻找某种“反向CSS选择器”：给定一个HTML文档，如何查找具有特定格式的片段？例如，我想获得一个使用粗体文本的段列表（font-weight:bold；）。鉴于本文件：示例这是一个格式化的示例。然后，段列表将包括（例如，通过XPath选择器给出）： /h1[1] /p[1]/b[1] /p[1]/span[1] 您可以使用javascript循环DOM中的所有元素，并检查每个元素的字体重量： window.getComputedStyle(myDOMElement).getP

我正在寻找某种“反向CSS选择器”：给定一个HTML文档，如何查找具有特定格式的片段？例如，我想获得一个使用粗体文本的段列表（

font-weight:bold；

）。鉴于本文件：

示例
这是一个格式化的示例。

然后，段列表将包括（例如，通过XPath选择器给出）：

```
/h1[1]
```
```
/p[1]/b[1]
```
```
/p[1]/span[1]
```

您可以使用javascript循环DOM中的所有

元素

，并检查每个

元素的字体重量
：
window.getComputedStyle(myDOMElement).getPropertyValue('font-weight');

字体重量400
是正常的（在CSS中，font-weight:normal
和font-weight:400
是相同的），因此font-weight
以上的font-weight
表示元素为粗体
N.B.在CSS中，font-weight
通常是400
、700
或900

一旦识别出粗体的元素
，就可以将识别类

应用于该

元素

工作示例：

const alldoelements=document.querySelectorAll（'*'）；
for（设i=0；i400）{
alldoElements[i].classList.add（'is-bold'）；
}
}

是粗体的{
颜色：rgb（255,0,0）；
}

示例
这是一个格式化的示例。

@Rob当然不是！我想可能会有一些浏览器API、编程库、算法等来进行查找。原来这就是答案！我看我误解了这个问题。