Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как объединить все div с одинаковым id? (https://javascript.ru/forum/misc/49129-kak-obedinit-vse-div-s-odinakovym-id.html)

BeetleJuice541 30.07.2014 15:23

как объединить все div с одинаковым id?
 
Вот у меня есть 5 блоков div с одинаковым id
Мне нужно через js изменить у них цвет,как это сделать
Если прописать document.getElementById то измениться только первый div остальные останутся без изменений.

tsigel 30.07.2014 15:26

Нельзя делать дивы с одинаковыми id на это он и id. Читайте учебник по html. На это любая ide ругается.

Используйте классы и getElementsByClass

BeetleJuice541 30.07.2014 15:41

В чем ошибка?
<div   id="kar"><img src="img\mozg2.png"   width="100%" height="70%"> <p class="nadpis">Мозг</p></div>
<div   id="kar"><img src="img\yho.png"   width="100%" height="70%"><p class="nadpis">Уши</p></div>
<div   id="kar"><img src="img\nose.png" style="margin-left:5px"   width="70%" height="70%"><p class="nadpis">Нос</p></div>
<div   id="kar"><img src="img\yazik2_2.png"  style="margin-left:5px" width="90%" height="70%"> <p class="nadpis">Язык</p></div>
<div   id="kar"><img src="img\glaz3.png" style="margin-left:5px" width="90%" height="70%"> <p class="nadpis">Глаза</p></div>

var nadpis = document.getElementsByClass('nadpis');

tsigel 30.07.2014 15:46

Ошибка в 5 тегах с одинаковым id пока что. Больше тут вроде нет ничего)

BeetleJuice541 30.07.2014 16:20

не в этом дело,почему то браузеру не нравится вот эта строчка
var nadpis = document.getElementsByClass('nadpis');

tsigel 30.07.2014 16:24

моя ошибка, метод не кроссбраузерный
http://javascript.ru/unsorted/top-10...lementsbyclass
document.getElementsByClassName

BeetleJuice541 30.07.2014 16:32

все работает)спасибо)


Часовой пояс GMT +3, время: 23:29.