как объединить все div с одинаковым id?
 

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

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

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

В чем ошибка?

<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');

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

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

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

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