Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Как изменить стиль класса?  [new]
armix2000
Member

Откуда:
Сообщений: 1186
Например, есть
<div class="my">sasf</div>
<div class="my">sasf3</div>
<div class="my">sasf2</div>

в классе записано

div.my {
position: absolute;
}

div.my2 {
position: relative;
}

Как Javascript'ом изменить для всех дивов без указания их ID стиль position на relative, т.е изменить стиль класса my?

И тот же вопрос, как Javascript'ом изменить для всех дивов без указания их ID класс, т.е на my2?
14 ноя 08, 11:44    [6439918]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
javatula
Member [заблокирован]

Откуда:
Сообщений: 79
armix2000,

а пробежатся циклом по всем дивам и задать у них style.position - не подходит ?
14 ноя 08, 13:28    [6440877]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
armix2000
Member

Откуда:
Сообщений: 1186
javatula
armix2000,

а пробежатся циклом по всем дивам и задать у них style.position - не подходит ?


Нет по всем нельзя, только по тем, у которых class="my", как их найти среди всех остальных дивов?
14 ноя 08, 14:23    [6441429]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
ShSerge
Member

Откуда: ʚонɔ dиw
Сообщений: 24928
по className.
14 ноя 08, 14:30    [6441494]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
armix2000
Member

Откуда:
Сообщений: 1186
ShSerge
по className.


пример можно, как поменять стиль у класса для дивов, нажав на кнопку?
14 ноя 08, 14:59    [6441817]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
ZeusTheTrueGod
Member

Откуда:
Сообщений: 849
любая библиотека - prototype, jQuery, ExtJs - имеет отличные возможности по поиску xpath c css2
выбираешь все объекты, меняешь свойство
соотвественно требует только пары строк кода - типа для всех, укоторых ..., выполнить это действие
14 ноя 08, 15:02    [6441845]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
ShSerge
Member

Откуда: ʚонɔ dиw
Сообщений: 24928
Пожалуйста:
<html>
<style>
.my{background-color:red}
</style>
<script>
function clc(){
var divs=document.getElementsByTagName("DIV");
for( var i=0; i<divs.length; i++)
	 if(divs[i].className=="my")
		 divs[i].style.backgroundColor="yellow";
}
</script>

</head>
<body>
<button onclick="clc()">Click</button>
<div>aaaaaaaa</div>
<div class="my">sasf</div>
<div class="my">sasf3</div>
<div class="my">sasf2</div>
<div>bbbbbbb</div>
</body>
</html>
14 ноя 08, 15:17    [6441980]     Ответить | Цитировать Сообщить модератору
 Re: Как изменить стиль класса?  [new]
armix2000
Member

Откуда:
Сообщений: 1186
ShSerge
Пожалуйста:
<html>
<style>
.my{background-color:red}
</style>
<script>
function clc(){
var divs=document.getElementsByTagName("DIV");
for( var i=0; i<divs.length; i++)
	 if(divs[i].className=="my")
		 divs[i].style.backgroundColor="yellow";
}
</script>

</head>
<body>
<button onclick="clc()">Click</button>
<div>aaaaaaaa</div>
<div class="my">sasf</div>
<div class="my">sasf3</div>
<div class="my">sasf2</div>
<div>bbbbbbb</div>
</body>
</html>


спасибо!
14 ноя 08, 15:39    [6442157]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить