Автоматизация вставки текста в DIVы с одинаковым названием

[SunChase]

Доброго времени суток. Начал изучение JS и назрела такая задачка:

Есть такой код:

<div id="main">
<div id="video"></div>
<div id="video"></div>
<div id="audio"></div>
<div id="video"></div>
</div>

как подступится с помощью JS к элементам с id "video", чтобы можно было в них вставить обычный текст( ...nodeValue ).

В одной из тем форума я нашёл следующее:

document.getElementBy('main').getElementsByTagName('div')

Но интересует момент отбора элементов исключительно типа main->video

Понимаю что можно к каждому айдишнику video прикрепить порядковый номер, но интересует решение именно такого варианта.

Заранее благодарен за любую полезную информацию

[trikadin]

На странице может быть только 1 уникальный id.

[SunChase]

тоесть никак не обойти?

[trikadin]

Можно по классу.

<div id="main">
 <div class="audio"></div>
 <div class="video"></div>
 <div class="audio"></div>
 <div class="video"></div>
</div>
<script>
array= document.getElementById("main").getElementsByTagName("div");
num=1;
for (i= 0; i!= array.length; ++i)
{
 if (array[i].className=="audio")
  array[i].innerHTML= "audio " + num++;
 else
  array[i].innerHTML= "not audio";
};
</script>

[trikadin]

И вообще...

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

[SunChase]

Спасибо за помощь. По поводу знания JS согласен - сейчас какраз нахожусь в процессе изучения.

[melky]

если вы переступили таки через черту, и назвали элементы одинаковым ид, то справиться можно гавнокодом :

<div id="main">
<div id="video"></div>
<div id="video"></div>
<div id="audio"></div>
<div id="video"></div>
</div>


<script>
var a = (function(doc){

var divs = doc.getElementById("main").getElementsByTagName('div'),
              b=[],
               i=divs.length;

while( i-->0 )  divs[ i ].id == "video" && b.push( divs[i] );

return b;
})(document);


alert( a )
</script>

[SunChase]

Ну тут была идейка при обработке бб-кода видео файла прикреплять сверху див с номером трека. Думал поправить сам ПХП, но ради образовательных целей решил попробовать решить эту задачку при помощи JS