为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕无忌1623718 2019-07-02 17:15:37
根据每个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?
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 1602 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信