Как получить дочерний элемент по имени класса?
Я пытаюсь получить дочерний диапазон, который имеет класс = 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. Хотя я не уверен, как это сделать.