各DIVのクラスに応じて、Webサイト上の特定のDIV要素の表示を切り替えようとしています。基本的なJavaScriptスニペットを使用して切り替えています。問題は、JavaScriptでサポートさgetElementById
れgetElementByClass
ていないため、スクリプトはのみを使用することです。残念ながら、DIVの名前には特定のカテゴリ名を使用してXSLTスタイルシートによって動的に生成されるため、DIVではなくidではなくclassを使用する必要があります。
特定のブラウザがをサポートするようになったことは知っていますgetElementByClass
が、Internet Explorerがサポートしていないので、そのルートを使いたくありません。
クラスを使用して要素を取得する関数を使用するスクリプトを見つけました(このページの#8など:http : //www.dustindiaz.com/top-ten-javascript/)が、それらを統合する方法がわかりません私のトグルスクリプトで。
これがHTMLコードです。DIV自体は、XML / XSLTを使用したページの読み込み時に生成されるため、ありません。
主な質問:以下のトグルスクリプトを使用して、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>