我试图根据每个DIV的类别切换网站上某些DIV元素的可见性。我正在使用基本的JavaScript代码片段进行切换。问题在于该脚本仅使用getElementById
,而getElementByClass
JavaScript不支持。不幸的是,我必须使用类而不是id来命名DIV,因为DIV名称是由我的XSLT样式表使用某些类别名称动态生成的。
我知道某些浏览器现在支持getElementByClass
,但是由于Internet Explorer不支持,所以我不想走这条路。
我发现脚本使用函数来按类获取元素(例如此页面上的#8:http : //www.dustindiaz.com/top-ten-javascript/),但是我不知道如何集成它们与我的切换脚本一起使用。
这是HTML代码。DIV本身缺失,因为它们是在XML / XSLT页面加载时生成的。
主要问题:如何获取下面的Toggle脚本按类而不是按ID获取Element?
<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>