资讯专栏INFORMATION COLUMN

关于解决IE8以下版本获取DOM节点的方法

张春雷 / 3563人阅读

摘要:下面是我代码首先创建一个,给其默认样式,效果如下当我们用各个浏览器都可以获得类名节点,但是一下就死这种情况所以,我们就得自己来封装一个函数,来获取中的操作节点。

关于解决IE8以下版本获取DOM节点的方法

     在前端开发中用 jshtml 进行操作,在获取DOM节点的时候我们会用到类选择器,但是类选择器并不是能够在所有的浏览器下正常运行,或许大家已经猜到,没错就是IE(8以下),或许有人会所现在谁还用IE,但是作为一个程序员,在遇到问题我们都应该去寻找解决的方法,那我们就得自己来封装获取类名节点的方法,下面是我自己的一些方法。

下面是我代码:



  

首先创建一个div,给其默认样式,效果如下;

当我们用各个浏览器都可以获得类名DOM节点,但是IE8一下就死这种情况:

所以,我们就得自己来封装一个函数,来获取html中的DOM操作节点。

代码如下:


整体思路:

1.先判断是否支持 document.getElementsByClassName 直接获取class DOM节点
2.先获取html所有的DOM节点,并新建一个数组存放需要获取的class 类名
3.循环遍历,将满足要求的class存入elements空数组中
4.返回我们得到的新的数组,这个数组就是我们存放类名的数组

我们先看下 a 打印出来的什么什么

很显然打印出来的是一个数组对象,那么我们就可以通过索引对class进行操作了;

下面是我执行的结果:

这就证明我们用类名对html进行了操作节点进行了操作。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88652.html

相关文章

  • 前端必备基础

    摘要:文档类型,它位于文档中最前面的位置,处于标签之前。如果你想制作符合标准的页面,一个必不可少的关键组成部分就是的声明。类似的,如果文档包含的是标记,但是声明指定是也是不恰当的。如何触发两种模式不存在或形式不正确会导致和文档以混杂模式呈现。 1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子...

    jkyin 评论0 收藏0
  • 前端必备基础

    摘要:文档类型,它位于文档中最前面的位置,处于标签之前。如果你想制作符合标准的页面,一个必不可少的关键组成部分就是的声明。类似的,如果文档包含的是标记,但是声明指定是也是不恰当的。如何触发两种模式不存在或形式不正确会导致和文档以混杂模式呈现。 1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子...

    PrototypeZ 评论0 收藏0
  • 前端必备基础

    摘要:文档类型,它位于文档中最前面的位置,处于标签之前。如果你想制作符合标准的页面,一个必不可少的关键组成部分就是的声明。类似的,如果文档包含的是标记,但是声明指定是也是不恰当的。如何触发两种模式不存在或形式不正确会导致和文档以混杂模式呈现。 1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子...

    pumpkin9 评论0 收藏0
  • JavaScript操作DOM那些坑

    摘要:在操作中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的坑。在火狐中,与等效的是。对象的属性则表示文档的根节点。不区分和在下使用和时会同时返回或与给定值相同的元素。 js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的坑。 DOM的工作模式是:先加载文档的静态内容、再以动态方式对它们进行刷新,...

    RiverLi 评论0 收藏0
  • JavaScript DOM节点简介

    摘要:如果传递的参数是,将递归复制当前节点的所有子孙节点。的话只复制当前节点。设置内容时,能将里面的标签渲染成正常的标签。 DOM由节点组成 在 HTML DOM (文档对象模型)中,每个部分都是节点:文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点 1.重要节点类型:标签(元素)节点,属性节点,文本节点。 2.重要...

    silvertheo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<