当IE浏览器不支持document.getElementByClassName()
来源:互联网 发布:linux vi如何到指定行 编辑:程序博客网 时间:2024/05/17 06:12
当我们写代码时,尤其是要获得一个对象的className值时,在IE下是不支持document.getElementByClassName()这种方法的,那么我们可以自己写一个方法用来获取classname的值
function getByClassName(obj,cls){
// obj目标元素,cls要获得的class名
var element = obj.getElementsByTagName('*');//将目标下的所有子元素获取到
var result = []; //定义一个数组,存放获得的classname = "cls" 的所有值
for(var i = 0; i< element.length; i++){
if(element[i].className == cls){
result.push(element[i]);
}
}
return result;
}
例子:
<div id= "diva" >
<div class = "divb">
<span>我是divb
</div>
</div>
如要获得diva下的divb 则需要这样写
<script >
.
.
var a = document.getElementById("diva");
var result =getByClassName(a,"divb");
.
.
</script>
如果要求的div的父元素没有属性id,或者更向上一层的也没有属性id,那么我能想到的办法就是通过document.body获取到body元素再向下逐层查找。(注:请尽量不要用document.body和document.all)
1 0
- 当IE浏览器不支持document.getElementByClassName()
- IE浏览器对getElementByClassName()方法支持较差,解决方法(粗略):
- 制定document.getElementByClassName()
- 解决 IE 不支持 document.getElementsByClassName()
- IE浏览器不支持JSON.parse
- 解决 IE 不支持 document.getElementsByClassName() 的方法
- IE6,7,8浏览器不支持 document.getElementsByClassName
- getElementByClassName
- getElementByClassName
- 不支持ie浏览器处理页面设置
- IE 6浏览器不支持 a:hover
- document.all判断浏览器是否是IE
- document.onclick在IE浏览器下失效
- 使用 当浏览器没打开或不支持 javascript 时候显示
- 10个IE浏览器不支持的很有用CSS属性
- Html5 placeholder 兼容(不支持的浏览器ie)
- 解决IE浏览器部分版本不支持background-size属性问题
- 解决浏览器(IE)不支持Data.parse()的问题
- iOS利用系统分享实现分享视频功能
- Django mysql 删除表后再次创建
- 深入理解session,cookie
- stm32
- ftp连接池实现
- 当IE浏览器不支持document.getElementByClassName()
- Java RMI详解
- div使用jQuery autocomplete
- 面试题
- Java动态代理的两种实现方法
- css3新属性 附上盒子居中例子
- navicat 10.0.50注册码
- ng-class
- 最小代价问题