js中 解决getElementsByclassName的兼容方法

 时间:2024-11-02 08:57:50

1、打开eclipseweb开发环境

2、打开或者创建一个web项目如图所示 并创建一个HTML文件(这里js代码直接写到html文件中了)

js中 解决getElementsByclassName的兼容方法

3、下面是html页面中的代码 定义一个div其中class为test,内容为我是test

js中 解决getElementsByclassName的兼容方法

4、兼容性代码如下图 首先判断是否支持getElementByClassName ,不支持则使用通过类名来获取页面中的元素的兼容性代码

js中 解决getElementsByclassName的兼容方法

5、运行项目在ie8,ie7和ie6浏览器中都能兼容了 当然在ie8以上也能兼容 这里就不贴图了

js中 解决getElementsByclassName的兼容方法

6、其他三大引擎浏览器 也能兼容实现我们需要的 效果 这里直接贴了

js中 解决getElementsByclassName的兼容方法
  • MongoDB如何让查询返回数据按指定字段降序排序
  • 上传静态页面到服务器测试接口如何修改访问路径
  • java如何获取url编码
  • jQuery如何实现动画的循环
  • mui.on如何阻止事件冒泡
  • 热门搜索
    致1500米运动员加油稿 运动会加油词20字 看病人送什么 皂角的功效与作用 运动会作文开头 金匮肾气丸的功效与作用 牛磺酸的作用 红豆粥的功效与作用 黑豆的功效与作用禁忌 酵母片的作用与功效