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

最新推荐文章于 2020-12-22 16:34:51 发布
最新推荐文章于 2020-12-22 16:34:51 发布
阅读量793 收藏
点赞数
分类专栏： 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
    评论
专栏目录
mint-ui使用过程遇到的问题
01-08
日期选择设置开始和结束时间 data() { return { pickerValue: new Date(),//日期选择器初始值 startDate: new Date(new Date().getFullYear() - 50, ... this.$refs.picker.$el.getElementsByClassName('picker-sl
IE浏览器不支持getElementsByClassName的解决方法
09-04
主要介绍了IE浏览器不支持getElementsByClassName的解决方法,本文的方法比较完美的解决了这个问题,需要的朋友可以参考下
js获取classname值_getElementsByClassName的用法 和 js获取class
weixin_39597318的博客
12-22 1229
因为IE浏览器不支持getElementsByClassName，所以你要自己写一个方法得到class但是火狐浏览器知道getElementsByClassName，可以直接的用window.onload = function () {var tagName = getClass("div", "a1");//因为返回的是包含多个元素的数组，所以要遍历一下for (var i = 0; i &lt...
getElementsByClassName这个坑
rrgbf0123的专栏
04-18 1300
使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementsByClassName()建立的,这种解决方法在HTML5中被标准化,另外,这种方法还本地存在于现代浏览器中,getElementsByClassName(
IE兼容性问题（封装Class）
weixin_33775582的博客
01-19 569
<script type="text/javascript"> window.onload = function(){ //封装Class function getClass(cla,id){ if(document.getElementsByClassName){ if(id){ return docume...
原生javascript获取class兼容IE方法
weixin_34343000的博客
05-05 232
2019独角兽企业重金招聘Python工程师标准>>> ...
IE不支持getElementsByClassName最终完美解决方案
09-05
目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法,按兴趣的朋友可以了解下
dom-parser:使用正则表达式的dom解析器支持浏览器，节点，react-native等
05-01
使用javascript正则表达式的dom解析器。 不需要节点环境或特殊的浏览器！！！ 支持react，react-native，vue等... 安装 npm install --save react-native-dom-parser 用法 import DomSelector from 'react-native-...
js 获取class的元素的方法 以及创建方法getElementsByClassName
10-27
js 获取class的元素的方法 以及创建方法getElementsByClassName，需要的朋友可以参考一下
解决IE8一下不支持getElementsByClassName的方法
99guo的专栏
12-03 8823
function getElementsByClassName(className, root, tagName) {    //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无     if (root) {         root = typeof root == "string" ? document.getElementById(root) : root;
ie不兼容的几个js问题及解决办法
weixin_30861459的博客
11-28 647
1、table问题 在动态新增tr或者td时，createElement()一般用appendChild();都不生效，解决办法是用新增tbody，如 var table=document.createElement("table"); var tvody=document.createElement("tbody"); var tr=document.createElement("tr"...
js方法在ie浏览器不起作用
qq_39122996的博客
01-23 2508
打开项目遇到奇怪的问题，在ie浏览器中，项目欢迎页的按钮不起作用，但是换个浏览器又好用，可是偏偏本项目必须用ie浏览器，然后就一点一点找错了。 问题：欢迎页的show()方法没有起作用，在浏览器的console下报错，是另一个js的问题 解决方法：把出错js的行末尾的逗号去掉 总结：对于ie浏览器兼容模式，js格式比较严格，多余的符号会造成错误，从而影响程序运行，而其他浏览器并不会严格检验...
在IE下，不支持JS中的获取对象属性名方法kes()的解决方法
weixin_30328063的博客
07-24 658
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 663
cf9b35bc2fb4f9131e613a6c69d5535b.jpg HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>解决IE8不支持js选择class问题&l...
spring java图片上传源码.rar
最新发布
04-26
源码实现了图片上传功能，可供相关功能开发的小伙伴参考学习使用。
新入职员工工作总结范文大全(篇).docx
04-26
工作总结，新年计划，岗位总结，工作汇报，个人总结，述职报告，范文下载，新年总结，新建计划。
本项目内容为《SpringBoot 2.X 基础教程》配套源码.zip
04-26
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
IMG_20240426_195457.jpg
04-26
IMG_20240426_195457.jpg
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、付费专栏及课程。

余额充值