Как получитьElementByClass вместо GetElementById с JavaScript?
Я пытаюсь переключать видимость определенных элементов DIV на веб-сайте в зависимости от класса каждого DIV. Я использую базовый фрагмент JavaScript для их переключения. Проблема в том, что скрипт использует толькоgetElementById, какgetElementByClass не поддерживается в JavaScript. И, к сожалению, мне приходится использовать class, а не id для именования DIV, потому что имена DIV динамически генерируются моей таблицей стилей XSLT с использованием определенных имен категорий.
Я знаю, что некоторые браузеры теперь поддерживаютgetElementByClass, но поскольку Internet Explorer не хочет, я не хочу идти по этому пути.
Я нашел сценарии, использующие функции для получения элементов по классам (например, # 8 на этой странице:http://www.dustindiaz.com/top-ten-javascript/), но я не могу понять, как интегрировать их с моим скриптом переключения.
Вот код HTML. Сами DIV отсутствуют, так как они генерируются при загрузке страницы с помощью XML / XSLT.
Основной вопрос: Как получить приведенный ниже скрипт Toggle для получения Element by Class вместо получения Element by ID?
<html>
<head>
<!--This is the TOGGLE script-->
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
</head>
<!--the XML/XSLT page contents will be loaded here, with DIVs named by Class separating dozens of li's-->
<a href="#" onclick="toggle_visibility('class1');">Click here to toggle visibility of class 1 objects</a>
<a href="#" onclick="toggle_visibility('class2');">Click here to toggle visibility of class 2 objects</a>
</body>
</html>