Как программно получить доступ к таблице стилей в движке Webkit (Chrome/Safari)
-
05-09-2019 - |
Вопрос
В IE с document.getElementById("css_id").styleSheet
или в Firefox document.getElementById("css_id").sheet
У меня есть объект листа стиля для манипулирования, но в браузере Chrome и Safari, который там нет.
Как я могу получить этот объект?
Спасибо
Решение
Эээ, в моих тестах .sheet работает нормально - мой тестовый пример был
<html>
<head>
<style id="styleElement"></style>
<link id="linkElement" data="data:text/css," rel="stylesheet"></link>
<script>
window.onload=function() {
alert(["<style element>.style: " + document.getElementById('styleElement').sheet,
"<link element>.style: " + document.getElementById('linkElement').sheet])
}
</script>
</head>
</html>
Я тестировал только Safari 3.2 и ночные версии WebKit, Chrome просто использует WebKit из Safari 3.1, но я не верю, что между версиями 3.1 и 3.2 есть какие-либо изменения в движке.
Не связан с StackOverflow