вставить class для img срествами javascript

Статус
В этой теме нельзя размещать новые ответы.

saxel

Постоялец
Регистрация
3 Дек 2007
Сообщения
118
Реакции
24
Помгите советом, как назначить клас для всех <img> внутрі отпределенного <div> (id='fixed') при полной загрузке страницы (тоесть автоматически)

пример кода до желдаемого изменения:
HTML:
<div id='fixed'>
   <img src='***' alt='***' />
   <img src='***' alt='***' />
</div>
и после (еквивалент:(
HTML:
<div id='fixed'>
   <img src='***' class='reflex inno' alt='***' />
   <img src='***' class='reflex inno' alt='***' />
</div>

какие есть варианты?
 
А встречный вопрос - имеем в итоге внутри одного дива с известным ид все картинки с одинаковым классом... для чего? ибо и без дополнительного класса можно в css эти картинки раскрасить :nezn:. Иначе для чего городить огород?
Если будет пояснение - в чем секрет такого действия, то вариант решения может быстрее найтись.
 
пример что что-то в итоге такое должно быть как на:


тоесть там исходя из класса "украшаем" картинку... вот в чем дело... поетому как думаю указать классы для начала, а потом украшать

или есть альтернатива?
 
На prototype:
Код:
$$('.fixed img').each(function(i) {
   i.addClassName('reflex').addClassName('inno');
});
 
На jQuery:
Код:
$('.fixed img').each(function() {
   $(this).addClass('reflex');
   $(this).addClass('inno');
});
 
И напоследок на чистом js :)
HTML:
var imgs = document.getElementById('fixed').getElementsByTagName('img');
for (var i=0; i<imgs.length; i++) imgs[i].className = "reflex inno";
Но в любом из вариантов бегать по коллекции элеменов будет медленнее чем к примеру менять класс у самого div, а в css написать правило для всех img внутри дива с опеределенным классом.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху