js获取class-----ie不支持getElementsByClassName

最新推荐文章于 2020-12-22 16:34:51 发布
最新推荐文章于 2020-12-22 16:34:51 发布
阅读量801 收藏
点赞数
分类专栏： JS 
注意getElementsByClassName和getElementsByTagName都有s；

js中不能用int a=1;要用var a=1;
<html>
<head>
<script type="text/javascript">

window.onload = function()
{   var topMenus = getClass('li','topMenu');
    for(var i=0;i < topMenus.length; i++)
    {
        alert(topMenus[i].innerHTML);        
    }

}

function getClass(tagName,className) //获得标签名为tagName,类名className的元素
{
    if(document.getElementsByClassName) //支持这个函数
    {        return document.getElementsByClassName(className);
    }
    else
    {       var tags=document.getElementsByTagName(tagName);//获取标签
        var tagArr=[];//用于返回类名为className的元素
        for(var i=0;i < tags.length; i++)
        {
            if(tags[i].class == className)
            {
                tagArr[tagArr.length] = tags[i];//保存满足条件的元素
            }
        }
        return tagArr;
    }

}



</script>

</head>
<body>

<ul id="nav">
<li class="topMenu"><a href="#">产品介绍</a>
    <ul class="subMenu">
        <li><a href="#">产品1</a></li>
        <li><a href="#">产品2</a></li>
        <li><a href="#">产品3</a></li>
        <li><a href="#">产品4</a></li>
        <li><a href="#">产品5</a></li>
        <li><a href="#">产品6</a></li>
    </ul>
</li>
<li class="topMenu"><a href="#">服务介绍</a>
    <ul class="subMenu">
        <li><a href="#">服务1</a></li>
        <li><a href="#">服务2</a></li>
        <li><a href="#">服务3</a></li>
        <li><a href="#">服务4</a></li>        
    </ul>
</li>
<li class="topMenu"><a href="#">成功案例</a>
    <ul class="subMenu">
        <li><a href="#">案例1</a></li>
        <li><a href="#">案例2</a></li>
        <li><a href="#">案例3</a></li>
        <li><a href="#">案例4</a></li>
    </ul>
</li>
<li class="topMenu"><a href="#">关于我们</a>
    <ul class="subMenu">
        <li><a href="#">我们1</a></li>
        <li><a href="#">我们2</a></li>
        <li><a href="#">我们3</a></li>
        <li><a href="#">我们4</a></li>
    </ul>
</li>
<li class="topMenu"><a href="#">联系我们</a>
    <ul class="subMenu">
        <li><a href="#">联系1</a></li>
        <li><a href="#">联系2</a></li>
        <li><a href="#">联系3</a></li>
        <li><a href="#">联系4</a></li>
        <li><a href="#">联系5</a></li>
        <li><a href="#">联系6</a></li>
        <li><a href="#">联系7</a></li>
    </ul>
</li>

</ul>
</body>
</html>

辰影
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE浏览器不支持getElementsByClassName的解决方法
09-04
在本文中，我们将深入探讨IE浏览器不支持`getElementsByClassName`方法的问题及其解决方案。 `getElementsByClassName`是HTML5中引入的一个方便的功能，允许开发者根据指定的CSS类名获取页面上的元素集合。在DOM3级...
js 获取class的元素的方法 以及创建方法getElementsByClassName
12-13
然而，老版本的JavaScript（如IE8及以下）并不支持这个方法，因此我们需要手动创建一个函数来实现相同的功能。在给定的描述中，我们看到了一个自定义的 `getElementsByClassName` 函数的实现。 首先，让我们详细...
解决IE8一下不支持getElementsByClassName的方法
99guo的专栏
12-03 8837
function getElementsByClassName(className, root, tagName) {    //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无     if (root) {         root = typeof root == "string" ? document.getElementById(root) : root;
原生javascript获取class兼容IE方法
weixin_34343000的博客
05-05 239
2019独角兽企业重金招聘Python工程师标准>>> ...
IE兼容性问题（封装Class）
weixin_33775582的博客
01-19 577
<script type="text/javascript"> window.onload = function(){ //封装Class function getClass(cla,id){ if(document.getElementsByClassName){ if(id){ return docume...
在IE下，不支持JS中的获取对象属性名方法kes()的解决方法
weixin_30328063的博客
07-24 675
var obj=new object(); var names=obj.keys();//获取对象属性名 --IE8下不支持该方法 --解决方法 //直接循环对象 var names=[];//设置一个空对象 for(var item in obj){ names.push(item); } 转载于:https://www.cnblogs.com/WlHome/p/722861...
【JavaScript】解决IE8下，用js不能选择class的情况
weixin_39415598的博客
03-24 683
cf9b35bc2fb4f9131e613a6c69d5535b.jpg HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>解决IE8不支持js选择class问题&l...
关于IE中getElementsByClassName不能用的问题解决方法
09-05
总的来说，当面临IE6、8不支持`getElementsByClassName`的问题时，可以采用这样的兼容性解决方案。然而，随着现代浏览器的普及，这个问题已经逐渐减少，但仍然需要注意在开发跨浏览器的应用时进行兼容性测试，以确保...
javascript中获取class的简单实现
10-21
对于不支持`getElementsByClassName()`的老版本浏览器，如IE8及更早版本，我们需要手动遍历元素来查找匹配的class。以下是一个简单的封装函数`getClass()`，它首先检查浏览器是否支持`getElementsByClassName()`，...
js获取class的所有元素
10-27
ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
js获取classname值_getElementsByClassName的用法 和 js获取class
weixin_39597318的博客
12-22 1244
因为IE浏览器不支持getElementsByClassName，所以你要自己写一个方法得到class但是火狐浏览器知道getElementsByClassName，可以直接的用window.onload = function () {var tagName = getClass("div", "a1");//因为返回的是包含多个元素的数组，所以要遍历一下for (var i = 0; i &lt...
getElementsByClassName这个坑
rrgbf0123的专栏
04-18 1321
使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementsByClassName()建立的,这种解决方法在HTML5中被标准化,另外,这种方法还本地存在于现代浏览器中,getElementsByClassName(
js方法在ie浏览器不起作用
qq_39122996的博客
01-23 2534
打开项目遇到奇怪的问题，在ie浏览器中，项目欢迎页的按钮不起作用，但是换个浏览器又好用，可是偏偏本项目必须用ie浏览器，然后就一点一点找错了。 问题：欢迎页的show()方法没有起作用，在浏览器的console下报错，是另一个js的问题 解决方法：把出错js的行末尾的逗号去掉 总结：对于ie浏览器兼容模式，js格式比较严格，多余的符号会造成错误，从而影响程序运行，而其他浏览器并不会严格检验...
ASP网上拍卖系统设计与实现(论文+源代码+开题报告).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
基于Android远程监控工具设计与实现.docx
最新发布
08-10
基于Android远程监控工具设计与实现.docx
C#网络办公助理设计与实现(源代码+论文).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
[毕业设计]VB环境下身份证信息管理系统的设计与实现(源代码+论文).zip
08-10
[毕业设计]VB环境下身份证信息管理系统的设计与实现(源代码+论文)
js获取dom元素的节点
09-01
要获取第一个子元素节点，可以使用firstElementChild属性（在IE9及以上版本中可用）或者firstChild属性（在IE6、7和8中可用）。 综上所述，根据具体需求，可以选择使用适当的方法来获取DOM元素的节点。<span class=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值