js原生选择器的兼容性
2015-10-24 14:52
225 查看
个人对一些常用的js原生选择器做了兼容性测试(主要针对ie5以上),而对于 更新到41.0.2版本的FF 、45.0.2版本的Google来说基本上不用考虑以下所述内容的兼容性。总结如下:
1. document.getElementById("")
无兼容性问题,在当下浏览器环境中可以放心使用。
2.getElementsByTagName("")
无兼容性问题,在当下浏览器环境中可以放心使用。
3.document.getElementsByName("")
在ie10以下,不兼容input之外的元素(例如:在p、div、span中加入name属性,通过name是取不到元素的),ff 、google可用于所用元素
4.getAttribute("")
可取任意标签的任何属性值(包括自定义的,例如:code="class",data-list="1"等)ie5测试正常。
5.document.querySelector(selectors) selectors字符串格式,表示一个或多个css选择器(多个以逗号隔开),如果获取到多个结果返回第一个
兼容ie8+
6.document.querySelectorAll(selectors) selectors字符串格式,表示一个或多个css选择器(多个以逗号隔开),返回DOM数组
兼容ie8+
7.document.getElementsByClassName(className) className字符串格式,表示一个或多个类(多个类名以空格隔开),返回DOM数组
兼容ie9+
1. document.getElementById("")
无兼容性问题,在当下浏览器环境中可以放心使用。
2.getElementsByTagName("")
无兼容性问题,在当下浏览器环境中可以放心使用。
3.document.getElementsByName("")
在ie10以下,不兼容input之外的元素(例如:在p、div、span中加入name属性,通过name是取不到元素的),ff 、google可用于所用元素
4.getAttribute("")
可取任意标签的任何属性值(包括自定义的,例如:code="class",data-list="1"等)ie5测试正常。
5.document.querySelector(selectors) selectors字符串格式,表示一个或多个css选择器(多个以逗号隔开),如果获取到多个结果返回第一个
兼容ie8+
6.document.querySelectorAll(selectors) selectors字符串格式,表示一个或多个css选择器(多个以逗号隔开),返回DOM数组
兼容ie8+
7.document.getElementsByClassName(className) className字符串格式,表示一个或多个类(多个类名以空格隔开),返回DOM数组
兼容ie9+
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- Mootools 1.2教程(2) DOM选择器
- DOM 事件流详解
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- Dom在ajax技术中的作用说明