я пытаюсь переключать видимость определенных элементов 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?

<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>