博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于解决IE8以下版本获取DOM节点的方法
阅读量:5971 次
发布时间:2019-06-19

本文共 568 字,大约阅读时间需要 1 分钟。

关于解决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进行了操作节点进行了操作。

转载地址:http://oczox.baihongyu.com/

你可能感兴趣的文章
android115 自定义控件
查看>>
iOS uuchart 用法
查看>>
c# 多线程 调用带参数函数
查看>>
JQuery 如何选择带有多个class的元素
查看>>
The absolute uri: http://java.sun.com/jsp/jstl/core cannot be resolved in either web.xml or the jar
查看>>
redis主从配置<转>
查看>>
karma如何与测试框架合作2之webpack
查看>>
关于VSCode更新对于emmet2.0支持的配置更改问题。
查看>>
10分钟搭建MySQL Binlog分析+可视化方案
查看>>
vmware虚拟机配置串口
查看>>
小型自动化运维--expect脚本之传递函数
查看>>
Nsrp实现juniper防火墙的高可用性【HA】!
查看>>
oracle11g 安装在rhel5.0笔记
查看>>
解决Lync 2013演示PPT提示证书问题的多种方法
查看>>
bootloader功能介绍/时钟初始化设置/串口工作原理/内存工作原理/NandFlash工作原理...
查看>>
C++ 构造函数与析构函数
查看>>
ssh免密码登录
查看>>
Linux下Django环境安装
查看>>
如何在指定的内容中找出指定字符串的个数
查看>>
我的友情链接
查看>>