Question

如何获取选择器的css属性？

有html

<body>
  <a class="my_class" href="/" title="link"/>
</body>

以及my_class

的一些属性

.my_class {
  color: red
}

在JS代码中我使用cheerio lib：

var content = cheerio.load(html_content_page);
var selector = "a.my_class";

那么，如何使用上面的选择器获得color属性？

Answer 1

试试这个：

$('.my_class').css('color')

Answer 2

Javascript，您可以使用getComputedStyle()进行内联样式或样式表中声明的规则

下面的代码段

var a=document.getElementsByTagName('a')[0]
console.log(getComputedStyle(a).color);
console.log(getComputedStyle(a).backgroundColor);

.my_class {
  color: red
}

<body>
  <a class="my_class" href="/" title="link"/ style="background:blue">
</body>