2010-11-06 6 views
0

Je travaille sur un plugin CSS/JS. Je veux être capable d'écrire quelque chose comme ça dans ma feuille de style:Comment obtenir les propriétés de style ignorées dans js?

.whatever { 
    background: 
    -custom-renderer("ctx.beginPath(); ctx.moveTo(0, 40); ctx.lineTo(240, 40); ctx.moveTo(260, 40); ctx.lineTo(500, 40); ctx.moveTo(495, 35); ctx.lineTo(500, 40); ctx.lineTo(495, 45);") 
    repeat-x; 
    background: rgb(30, 30, 30); /* fallback */ 

je besoin d'accéder à cette propriété avec Javascript et réécrire avec une autre propriété. Maintenant le problème est que toutes les méthodes que je connais (document.styleSheets[1].cssRules, document.defaultView.getMatchedCSSRules, etc.) tendent à montrer seulement la propriété de repli (qui est normalement un bon comportement).

+1

Vous ne savez pas s'il existe un moyen autre que d'utiliser quelque chose comme JQuery pour obtenir les données à partir du fichier, mais cela nécessite une analyse compliquée. http://stackoverflow.com/questions/401668/how-can-i-get-css-comments-with-javascript – DaiYoukai

+0

J'en avais tellement peur et cela rend l'équation coût/bénéfice de ce que je planifiais pas pratique: ( –

Répondre

0

Pourquoi ne pas ajouter les règles CSS modifiées comme un élément "<style>" dans la tête du document ..

Jetez un oeil sur ce ..

http://jonraasch.com/blog/javascript-style-node

* vous pouvez définir un ID sur l'élément "<style>" pour le modifier facilement avec javascript

+0

La question est sur la façon d'accéder au style actuel (ignoré), pas comment en définir un nouveau. –

Questions connexes