В чем разница между объектами правил cssRules и правил?
В чем разница между:
document.styleSheets[0].cssRules
а также
document.styleSheets[0].rules
Я заметил, что второй также поддерживается IE8 и предыдущий. Но в чем разница между этими двумя объектами?
Ответы
Ответ 1
Правило CSS является объектом объекта StyleSheet, который позволяет вам получать доступ и изменять отдельные правила таблицы стилей.
IE и Firefox различаются при реализации объекта CSS Rule, хотя, к счастью, разница в основном заключается в синтаксисе:
document.styleSheets [0].cssRules [0]//доступ к первому правилу в Firefox document.styleSheets [0].rules [0]//обращение к первому правилу в IE Win
Как уже упоминалось, IE и Firefox полагаются на два разных объекта CSS Rule для доступа к правилам таблиц стилей. Ниже перечислены два объекта:
![введите описание изображения здесь]()
Ответ 2
Объекты cssRules
и rules
создаются с помощью одинаковых шагов. Следовательно, они приводят к одному и тому же объекту. rules
устарели и предоставляются только ради совместимости с существующими сайтами.
Чтобы ответить на ваш вопрос, нет никакой разницы вообще. Объект cssRules
официально поддерживается, а rules
устарели.
См. Https://drafts.csswg.org/cssom/#legacy-css-style-sheet-members для получения дополнительной информации.