хорошо, этот код прекрасно работает в Chrome.Но по какой-то причине это не работает ни в FireFox 4, ни в IE.
<html>
<head>
<style type="text/css">
.testCSS { background-color:#0000AA;color:#BB0000;}
</style>
</head>
<body>
<div id="test" class="testCSS">Test Div</div>
<script>
var theRules = new Array();
if (document.styleSheets[0].cssRules) {
theRules = document.styleSheets[0].cssRules;
} else if (document.styleSheets[0].rules) {
theRules = document.styleSheets[0].rules;
}
theRules[0].style["color"] = "#00BB00";
theRules[0].style["background-color"] = "#BB00BB";
console.log("background>" + theRules[0].style["background-color"]);
</script>
</body>
</html>
В FireFox 4 для IE строка theRules[0].style["color"] = "#00BB00"; работает, а следующие два - нет.Он не изменяет цвет фона div и не печатает сообщения console.log (любого типа).Теперь IE выдает сообщение об отсутствии console.log, так что это имеет смысл.Но FireFox не выдает ошибок, предупреждений и сообщений.Тем не менее, все это прекрасно работает в Chrome.Что дает консольное сообщение: background>rgb(187, 0, 187), как и ожидалось.Строка: theRules[0].style["color"] = "#00BB00"; работает во всех браузерах, как и ожидалось.
Есть идеи, почему?или как это исправить для FF?
Я думаю, здесь есть два вопроса:
- Как заставить это работать в FF и
- , где сделал console.logвойти в FF4?
РЕДАКТИРОВАТЬ: ой, только разобрался.Он должен сказать «backgroundColor» вместо «background-color».Но вопрос console.log по-прежнему остается, поэтому я оставляю этот вопрос без ответа.
РЕДАКТИРОВАТЬ: изменил название на что-то более актуальное
Pimp Trizkit