如何用JavaScript实现ElementByClass而不是GetElementById？

首页课程实战体系课手记专栏慕课教程

如何用JavaScript实现ElementByClass而不是GetElementById？

根据每个DIV的类，我试图在网站上切换某些DIV元素的可见性。我使用一个基本的JavaScript片段来切换它们。问题是脚本只使用getElementById，如getElementByClass在JavaScript中不支持。不幸的是，我必须使用类而不是id来命名div，因为DIV名称是由使用特定类别名称的XSLT样式表动态生成的。

我知道某些浏览器现在支持getElementByClass但是因为InternetExplorer不是，我不想走那条路。

我发现脚本使用函数按类获取元素(如本页中的#8)：http://www.dustindiaz.com/top-ten-javascript/)，但我不知道如何将它们与我的切换脚本集成。

这是HTML代码。由于div是在用XML/XSLT加载页面时生成的，所以div本身就丢失了。

主要问题：如何让下面的Toggle脚本按类获得元素，而不是按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>

如何用JavaScript实现ElementByClass而不是GetElementById？

慕无忌1623718

浏览 1603回答 3

3回答

随时随地看视频慕课网APP

相关分类

JavaScript