首页 > 软件开发 > JavaScript >

js中 解决getElementsByclassName的兼容方法

来源:互联网 2023-03-16 23:57:00 146

IE8及以下不支持getElementsByclassName方法 那么接下来我们来看看如何兼容ie8以下的版本 主要对于ie6、ie7、ie8CqZ办公区 - 实用经验教程分享!

js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

工具/原料

  • Windows系统
  • web开发环境

方法/步骤

  • 1

    打开eclipseweb开发环境CqZ办公区 - 实用经验教程分享!

  • 2

    打开或者创建一个web项目如图所示 并创建一个HTML文件(这里js代码直接写到html文件中了)CqZ办公区 - 实用经验教程分享!

    js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

  • 3

    下面是html页面中的代码 定义一个div其中class为test,内容为我是testCqZ办公区 - 实用经验教程分享!

    js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

  • 4

    兼容性代码如下图 首先判断是否支持getElementByClassName ,不支持则使用通过类名来获取页面中的元素的兼容性代码CqZ办公区 - 实用经验教程分享!

    js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

  • 5

    运行项目在ie8,ie7和ie6浏览器中都能兼容了 当然在ie8以上也能兼容 这里就不贴图了CqZ办公区 - 实用经验教程分享!

    js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

  • 6

    其他三大引擎浏览器 也能兼容实现我们需要的 效果 这里直接贴了CqZ办公区 - 实用经验教程分享!

    js中 解决getElementsByclassName的兼容方法CqZ办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!CqZ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码