2017-04-08 99 views
0

如何獲得選擇器的css屬性?有Cheerio獲得類屬性

HTML

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

和JS代碼中的一些屬性my_class

.my_class { 
    color: red 
} 

我使用cheerio lib目錄下:

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

所以,我怎樣才能得到color財產使用上面的選擇?

+0

好使用getComputedStyle()在樣式表聲明的內嵌樣式或規則

片段,回答類似的問題來自維護人員:https://github.com/cheeriojs/cheerio/issues/357#issuecomment-31659300 – Bob

回答

0

試試這個:

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

可能的重複http://stackoverflow.com/questions/20377835/how-to-get-css-class-property-in- javascript –

+0

夥計們,感謝您的快速回復,它不適合我,因爲我使用的是'cheerio'lib而不是'jquery',所以在我看來,這個lib只能解析'style'標籤中包含的css屬性在html中,但在我的情況下,他們在分離的CSS文件。 – Bob

0

JavaScript,您可以在下面

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>

+0

我認爲我無法將Cheerio對象傳入getComputedStyle函數?! – Bob

+0

你把代碼放在html腳本標籤中? – repzero

+0

我正在使用cheerio lib解析html頁面(來自任意站點),所以此頁面將css規則保存在單獨的文件中 我在那裏找到了期望的答案:https://github.com/cheeriojs/cheerio/issues/357 #issuecomment-31659300 – Bob