2017-04-08 15 views
0

セレクタのCSSプロパティを取得するにはどうすればよいですか? HTMLCheerioクラスプロパティを取得する

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

と私はチェリオlibに使用していますJSコードでmy_class

.my_class { 
    color: red 
} 

のためのいくつかの特性を有する

:だから

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

を、どのように私はcolorプロパティを取得することができます上記セレクタを使用して?

+0

[OK]を下回るスタイルシートで宣言されたインラインスタイリングやルールの

スニペットを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

「jquery」ではなく「cheerio」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

私はCheterioオブジェクトをgetComputedStyle関数に渡すことができなかったと思いますか? – Bob

+0

htmlスクリプトタグにコードを挿入しますか? – repzero

+0

私は任意のサイトからhtmlページを解析するためにcheerio libを使用していますので、このページではCSSのルールが別々のファイルに保存されています 必要な回答が見つかりました:https://github.com/cheeriojs/cheerio/issues/357 #issuecomment-31659300 – Bob

関連する問題