2017-04-08 2 views
0

Wie kann ich CSS-Eigenschaft für Selektor bekommen?Cheerio erhalten Klasseneigenschaften

mit html

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

und einige Eigenschaften für my_class

.my_class { 
    color: red 
} 

in JS-Code Ich bin mit cheerio lib:

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

Also, wie kann ich color Eigenschaft erhalten Über Selektor verwenden?

+0

Ok verwenden können, antworten Sie auf ähnliche Frage von Betreuern : https://github.com/cheeriojs/cheerio/issues/357#issuecomment-31659300 – Bob

Antwort

0

Versuchen Sie folgendes:

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

Mögliches Duplikat von http://stackoverflow.com/questions/20377835/how-to-get-css-class-property-in- javascript –

+0

Jungs, danke für die schnelle Antwort, es funktioniert nicht für mich, weil ich 'cheerio' lib eher als 'jquery' verwende, so scheint mir, dass diese Lib nur CSS-Eigenschaften im 'style' Tag eingeschlossen analysieren kann in html, aber in meinem Fall sind sie in getrennten CSS-Datei. – Bob

0

Javascript, Sie getComputedStyle() für Inline-Styling oder Regeln erklärt in Sheet

Snippet unten

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

Ich denke, dass ich Cheerio-Objekt nicht in getComputedStyle-Funktion übergeben konnte ?! – Bob

+0

Sie platzieren die Codes in einem HTML-Skript-Tag? – repzero

+0

Ich benutze cheerio lib zum Parsen von HTML-Seite (von beliebiger Seite), so dass diese Seite CSS-Regeln in separater Datei hält Ich habe die gewünschte Antwort dort gefunden: https://github.com/cheeriojs/cheerio/issues/357 # issementcomment-31659300 – Bob