Работа скрипта с объектом "style"

esquire_vik · №1

Здравствуте! Подскажите пожалуйста что я сделал не так, почему с помощью Javascrip при смене стиля mozilla ничего не меняет хотя в IE все работает?

Выделить код

Код:

<script>
function change(){
next.style.backgroundColor='#FFFF00';}
</script>
<body>
<div id="next" style="padding:1px; border-style:solid;border-width:1px;border-color:#000000;
background-color:#640000;text-align:center;" ><a href="#next"  onclick="change(); return false;" 
style="color:#000000;text-decoration:none;">next</a></div>
</body>

Lynn · №2

Загляните в Tools -> Error Console

Вместо next.style надо писать document.getElementById('next').style

esquire_vik · №3

Спасибо!

esquire_vik · №4

А как быть когда вот такое?

Выделить код

Код:

#next a{
visibility:visible;}

document.getElementById('next').style.visibility='hidden';

ето работать не будет!

Lynn · №5

Поподробнее, пожалуйста.
Что работать не будет?

esquire_vik · №6

Lynn пишет

Поподробнее, пожалуйста.
Что работать не будет?

У меня возникла ситуация когда нужно сменить значение свойства visibility но оно в

Выделить код

Код:

#next a

вот сам код:

Выделить код

Код:

<head>
<style>
#next a{
visibility:visible;
}
</style>
<script>
function  vis(){
document.getElementById('next').style.visibility='hidden';
}</script>
</head>
<body>
<div id="next"><a href="javascript:;"   onclick="vis(); return false;">next</a></div>
</body>
</html>

Как заставить этот кусок кода работать?

Al_H · №7

esquire_vik
Очень просто. Обращаться к тому элементу, для которого задана видимость. У Вас visibility применено к ссылке, а меняете Вы ее у охватывающего блока. visibility не наследуется. Попробуйте либо задать ее для блока, либо обращаться к ссылке, указав для нее id.
P.S.На самом деле, я зря написал, что не наследуется. Наследуется, но хитрым образом. Вложенные элементы наследуют поведение родителя, но указание свойства для дочернего элемента перекрывает аналогичное родительское. Вот примеры:

Выделить код

Код:

display: none; > display: block;
результат: скрыт
display: block; > display: block;
результат: видим
visibility: hidden; > visibility: hidden;
результат: скрыт
visibility: hidden; > visibility: visible;
результат: видим
visibility: hidden; > visibility: inherit;
результат: скрыт
visibility: visible; > visibility: inherit;
результат: видим

Отредактировано Al_H (16-08-2006 16:37:29)

esquire_vik · №8

Еще раз спасибо!
Понял!

Полезная информация

№103-08-2006 22:47:13