Jak uzyskać element potomny według nazwy klasy?

Próbuję uzyskać rozpiętość potomną, która ma klasę = 4. Oto przykładowy element:

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

Dostępne narzędzia to JS i YUI2. Mogę zrobić coś takiego:

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

//or

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

Te nie działają w IE. Pojawia się błąd, że obiekt (doc) nie obsługuje tej metody lub właściwości (getElementsByClassName). Wypróbowałem kilka przykładów implementacji cross-przeglądarki getElementsByClassName, ale nie mogłem ich zmusić do działania i nadal otrzymałem ten błąd.

Myślę, że to, czego potrzebuję, to przeglądarka krzyżowa getElementsByClassName lub muszę użyć doc.getElementsByTagName ('span') i przejść przez pętlę, dopóki nie znajdę klasy 4. Nie jestem jednak pewien, jak to zrobić.

questionAnswers(14)

yourAnswerToTheQuestion