Как получить дочерний элемент по имени класса?

Я пытаюсь получить дочерний диапазон, который имеет класс = 4. Вот пример элемента:

<div id="test">
 <span class="one"></span>
 <span class="two"></span>
 <span class="three"></span>
 <span class="four"></span>
</div>

Доступные мне инструменты - JS и YUI2. Я могу сделать что-то вроде этого:

doc = document.getElementById('test');
notes = doc.getElementsByClassName('four');

//or

doc = YAHOO.util.Dom.get('#test');
notes = doc.getElementsByClassName('four');

Они не работают в IE. Я получаю сообщение об ошибке, что объект (doc) не поддерживает этот метод или свойство (getElementsByClassName). Я попробовал несколько примеров кросс-браузерных реализаций getElementsByClassName, но не смог заставить их работать и все же получил эту ошибку.

Я думаю, что мне нужен кросс-браузерный getElementsByClassName или мне нужно использовать doc.getElementsByTagName ("span") и проходить циклически, пока не найду класс 4. Хотя я не уверен, как это сделать.

Ответы на вопрос(14)

Ваш ответ на вопрос