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

最新推荐文章于 2020-12-22 16:34:51 发布
转载 最新推荐文章于 2020-12-22 16:34:51 发布 · 850 阅读 · 0 

注意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>

IE浏览器不支持getElementsByClassName的解决方法
09-04
在本文中，我们将深入探讨IE浏览器不支持`getElementsByClassName`方法的问题及其解决方案。 `getElementsByClassName`是HTML5中引入的一个方便的功能，允许开发者根据指定的CSS类名获取页面上的元素集合。在DOM3级...
js 获取class的元素的方法 以及创建方法getElementsByClassName
12-13
然而，老版本的JavaScript（如IE8及以下）并不支持这个方法，因此我们需要手动创建一个函数来实现相同的功能。在给定的描述中，我们看到了一个自定义的 `getElementsByClassName` 函数的实现。 首先，让我们详细...
解决IE8一下不支持getElementsByClassName的方法
99guo的专栏
12-03 8943
function getElementsByClassName(className, root, tagName) {    //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无     if (root) {         root = typeof root == "string" ? document.getElementById(root) : root;
原生javascript获取class兼容IE方法
weixin_34343000的博客
05-05 301
2019独角兽企业重金招聘Python工程师标准>>> ...
IE兼容性问题（封装Class）
weixin_33775582的博客
01-19 626
<script type="text/javascript"> window.onload = function(){ //封装Class function getClass(cla,id){ if(document.getElementsByClassName){ if(id){ return docume...
ie不兼容的几个js问题及解决办法
weixin_30861459的博客
11-28 732
1、table问题 在动态新增tr或者td时，createElement()一般用appendChild();都不生效，解决办法是用新增tbody，如 var table=document.createElement("table"); var tvody=document.createElement("tbody"); var tr=document.createElement("tr"...
JS中getElementsByClassName与classList兼容性问题解决方案分析
12-29
本文实例讲述了JS中getElementsByClassName与classList兼容性问题解决方案。分享给大家供大家参考，具体如下： document(element).getElementsByClassName(classNames:classString); HTML5新添加了这个方法，这个...
JavaScript实现获取dom中class的方法
12-09
对于不支持`getElementsByClassName`的老版本浏览器（如IE8及更早版本），函数则通过`getElementsByTagName`方法获取所有子元素，然后遍历这些元素，检查它们的`className`属性是否包含指定的`classname`。...
原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
09-25
这样，即使在不支持原生document.getElementsByClassName的浏览器中，我们也能以类似的方式获取到具有指定类名的元素集合。 需要注意的是，这种兼容性写法虽然能够解决兼容问题，但也有可能增加页面加载和执行脚本...
js方法在ie浏览器不起作用
qq_39122996的博客
01-23 2620
打开项目遇到奇怪的问题，在ie浏览器中，项目欢迎页的按钮不起作用，但是换个浏览器又好用，可是偏偏本项目必须用ie浏览器，然后就一点一点找错了。 问题：欢迎页的show()方法没有起作用，在浏览器的console下报错，是另一个js的问题 解决方法：把出错js的行末尾的逗号去掉 总结：对于ie浏览器兼容模式，js格式比较严格，多余的符号会造成错误，从而影响程序运行，而其他浏览器并不会严格检验...
getElementsByClassName这个坑
rrgbf0123的专栏
04-18 1394
使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementsByClassName()建立的,这种解决方法在HTML5中被标准化,另外,这种方法还本地存在于现代浏览器中,getElementsByClassName(
在IE下，不支持JS中的获取对象属性名方法kes()的解决方法
weixin_30328063的博客
07-24 730
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...
js获取classname值_getElementsByClassName的用法 和 js获取class
weixin_39597318的博客
12-22 1343
因为IE浏览器不支持getElementsByClassName，所以你要自己写一个方法得到class但是火狐浏览器知道getElementsByClassName，可以直接的用window.onload = function () {var tagName = getClass("div", "a1");//因为返回的是包含多个元素的数组，所以要遍历一下for (var i = 0; i &lt...
【JavaScript】解决IE8下，用js不能选择class的情况
weixin_39415598的博客
03-24 772
cf9b35bc2fb4f9131e613a6c69d5535b.jpg HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>解决IE8不支持js选择class问题&l...
网球比赛YOLO视觉分析.zip
01-07
网球比赛YOLO视觉分析.zip
【顶级EI完美复现】电力系统碳排放流的计算方法【IEEE 14节点】（Matlab代码实现）
01-07
【顶级EI完美复现】电力系统碳排放流的计算方法【IEEE 14节点】（Matlab代码实现）内容概要：本文介绍了基于IEEE 14节点电力系统的碳排放流计算方法，并提供了Matlab代码实现，属于顶级EI期刊级别的研究成果复现。该方法通过建立电力系统中各节点的碳排放流动模型，结合潮流计算与电源出力特性，量化不同机组和线路的碳排放责任，进而实现对电力系统低碳运行的评估与优化。文中详细阐述了算法原理、数学模型构建及仿真步骤，适用于电力系统低碳化分析与碳足迹追踪研究。; 适合人群：具备电力系统基础知识和Matlab编程能力的高校研究生、科研人员及从事能源系统低碳化研究的专业技术人员，尤其适合致力于高水平论文复现与算法开发的研究者。; 使用场景及目标：①用于电力系统碳排放流的精确建模与可视化分析；②支撑“双碳”背景下电网低碳调度、绿色电力溯源与碳配额分配等应用场景；③为撰写高水平学术论文（如EI/SCI）提供可复现的技术路径与代码基础。; 阅读建议：建议读者结合IEEE 14节点系统标准数据，逐步运行并调试所提供的Matlab代码，深入理解碳流分配逻辑与矩阵运算实现方式，同时可拓展至其他节点系统以验证算法通用性。
Android多线程下载
01-07
源码地址： https://pan.quark.cn/s/dcbecb73e50d M3U8-Downloader-Build Release Download M3U8-Downloader 直接下载 M3U8-Downloader是基于Electron框架开发的一款可以下载、播放HLS视频流的APP，功能特点如下： 流程原理图 -- -- 官网 M3U8-Downloader 官网 QQ交流群：341972319 点我加QQ交流群 获取M3U8视频地址 在chrome浏览器打开视频网页，按下F12,页签点击到Network页面，在Filter框里输入"m3u8",然后按F5刷新页面，如果网页里的视频使用的是HLS源，就可以在这里捕获到视频流地址，然后选中右键 Copy -> Copy Link Address. 提供m3u8源地址，下载并无损转码Mp4文件 自定义头添加-视频教程 下载可执行包 [推荐] 蓝奏下载 Windows 、Linux、MacOS 下载 下载 Releases下载 运行源码 NodeJS开发环境搭建 安装NodeJs最新版，NodeJs Download Clone 代码 在任意文件夹下新建一个文件夹存放代码，并执行以下命令 Yarn 环境安装 Package 依赖安装 运行M3U8-Downloader 打包发布 Enjoy it 赞赏 赞赏链接
基于STM32 F4的永磁同步电机无位置传感器控制策略研究
最新发布
01-07
基于STM32 F4的永磁同步电机无位置传感器控制策略研究内容概要：本文围绕基于STM32 F4的永磁同步电机（PMSM）无位置传感器控制策略展开研究，重点探讨在不依赖物理位置传感器的情况下，如何通过算法实现对电机转子位置和速度的精确估计与控制。文中结合嵌入式开发平台STM32 F4，采用如滑模观测器、扩展卡尔曼滤波或高频注入法等先进观测技术，实现对电机反电动势或磁链的估算，进而完成无传感器矢量控制（FOC）。同时，研究涵盖系统建模、控制算法设计、仿真验证（可能使用Simulink）以及在STM32硬件平台上的代码实现与调试，旨在提高电机控制系统的可靠性、降低成本并增强环境适应性。; 适合人群：具备一定电力电子、自动控制理论基础和嵌入式开发经验的电气工程、自动化及相关专业的研究生、科研人员及从事电机驱动开发的工程师。; 使用场景及目标：①掌握永磁同步电机无位置传感器控制的核心原理与实现方法；②学习如何在STM32平台上进行电机控制算法的移植与优化；③为开发高性能、低成本的电机驱动系统提供技术参考与实践指导。; 阅读建议：建议读者结合文中提到的控制理论、仿真模型与实际代码实现进行系统学习，有条件者应在实验平台上进行验证，重点关注观测器设计、参数整定及系统稳定性分析等关键环节。
js根据data-key标签获取页面按钮元素
08-28
另外，我们也可以使用getElementById（如果给元素设置了id）或者getElementsByClassName（如果给元素设置了class）来获取元素，但这里属性是data-key，所以使用属性选择器是最直接的。 参考引用[1]中获取data-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值