2016-06-27 1 views
7

Quelle est la différence entre:Quelle est la différence entre les cssRules et les règles objectera

document.styleSheets[0].cssRules 

et

document.styleSheets[0].rules 

J'ai remarqué que le second est également soutenu par IE8 et précédent. Mais quelle est la différence entre ces deux objets?

+0

Je recommande utilisés cssRules, regarder une toile ladite différence http://www.javascriptkit.com/dhtmltutors/externalcss3.shtml – KingRider

+4

Il n'y a pas de propriété 'rules' sur la norme [CSSStyleSheet] (https://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet) interface. Internet Explorer 8 et les versions précédentes utilisaient [la propriété 'rules'] (https://msdn.microsoft.com/fr-fr/library/ms531199 (v = vs.85) .aspx) au lieu de la propriété appropriée' cssRules' . –

+3

Juste un petit détail: Les sems standards à avoir été datés du 13 novembre 2000, la collection 'rules' a été introduite dans IE4 en 1997 ... – Teemu

Répondre

0

La règle CSS est l'objet de l'objet StyleSheet, qui vous permet d'accéder aux règles individuelles d'une feuille de style et de les modifier.

IE et Firefox varient dans leur mise en œuvre de l'objet de la règle CSS, mais heureusement, la différence est principalement dans la syntaxe:

document.styleSheets [0] .cssRules [0] // accéder à la première règle dans Firefox document.styleSheets [0] .rules [0] // accéder à la première règle dans IE Win

Comme mentionné précédemment, IE et Firefox repose sur deux objets de règle CSS différentes pour accéder aux règles d'une feuille de style. liste ci-dessous les deux objets:

enter image description here