Подмена CSS средствами JS

orangestar · November 14, 2007

Никак не могу понять, в ч?м тут дело.

Имею примитивненький код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">

<link rel="stylesheet" type="text/css" id="css2" href="mozilla.css">
<link rel="stylesheet" type="text/css" id="css1" href="common.css">

<script type="text/javascript">
<!--
function ed()
{
	document.styleSheets["css1"].disabled=true;
	document.styleSheets["css2"].disabled=false;
}
-->
</script> 		
</head>

<body>
	<button onClick="ed();">hop!</button>
</body>

По замыслу, функция должна отменять один стайлщит и применять другой.

При этом, ругань имет следующий вид:

document.css1.disabled=true; -- document.css1 has no properties

В ч?м я не прав?

Заранее спасибо!

ekha · November 14, 2007

document.styleSheets[1].disabled=true;
document.styleSheets[0].disabled=false;

orangestar · November 15, 2007

ПожароЛиса материт. Этот вариант я тоже испровобовал.

FireBug говорит, что "объект document.styleSheet[1] не имеет свойств", хотя при просмотре DOM- свойство disabled там есть и установлено в false.

В ИЕ заработал.

Временно сделал заплатку, чтобы в файрфоксе не срабатывал скрипт, но вс? же очень интересно разобраться!

vasa_c · November 16, 2007

хотя при просмотре DOM- свойство disabled там есть

DOM-свойство у кого? У объекта в DOM или у document.styleSheet.

Уже много лет хорошим тоном является доступ к элементам с помощью DOM-методов:

document.getElementById("css1")....

elfuvo · November 19, 2007

Попробуй так:

 window.document.styleSheets[0].href='data/1.css'

all87 · February 27, 2008

Думаю что мой вопрос относится к этой теме, покрайней мере многие вещи затрагиваются.

Возможно ли обратится к определенному объекту document.styleSheet. , соответствующий элементу узла link который известен?

те, известен элемент HTMLLinkElement, нужно узнать соответствующий ему индекс document.styleSheet

Немного поподробнее

Это необходимо для определения загрузки css в мазиле. В ие как вам скорее всего известно онлоад определяется без проблем, проблема узнать в мазиле событие окончательной загрузки css

Исходя из этого еще вопрос, ответ на который уничтожит первый вопрос

Ктонить знает как узнать онлоад css для Лисы?

Буду благодарен просто за линки с возможным ответом на любой из вопросов )

Sign In

Подмена CSS средствами JS

Question

orangestar

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

ekha

Link to comment

Share on other sites

orangestar

Link to comment

Share on other sites

vasa_c

Link to comment

Share on other sites

elfuvo

Link to comment

Share on other sites

all87

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information