首页 >web前端 >js教程 >如何在 JavaScript 中通过类名选择 HTML 元素?

如何在 JavaScript 中通过类名选择 HTML 元素?

Patricia Arquette
Patricia Arquette原创
2024-11-07 14:01:03503浏览

How to Select HTML Elements by Class Name in JavaScript?

如何使用 JavaScript 获取ElementByClass?

问题:

您的目标是切换可见性使用 JavaScript 片段基于其类的 DIV 元素。但是,当前脚本依赖于 getElementById,这是不合适的,因为 DIV 名称是使用 XSLT 动态生成的。

答案:

getElementsByClassName 方法:

现代浏览器原生支持 getElementsByClassName 方法。您可以检查其可用性并在支持的情况下使用它。

Dustin Diaz 方法(对于较旧的浏览器):

对于较旧的浏览器,请使用 Dustin Diaz 方法:

更新的切换脚本:

在切换脚本中使用 getElementsByClassName 方法或 Dustin Diaz 后备:

用法:

在 HTML 中,修改切换链接的 onclick 属性以引用新的 toggle_visibility 函数:

以上是如何在 JavaScript 中通过类名选择 HTML 元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn