JS兼容IE和Firefox获得CSS属性值的方法
2011-10-14 15:00
489 查看
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style >
.d {position: relative; border: 1px solid red; width: 300px; height: 300px; padding: 5px;}
</style>
</head>
<body>
<script defer>
var _$ = function (id) {
return document.getElementById(id);
};
window.onload = function () {
_$('c').onclick = function () {
if (!-[1,]) //判断是否是IE浏览器
{
alert(this.currentStyle["position"]); //在IE情况下 如果要获取已经设置好的属性是通过currentStyle[属性名] 方式来获取
} else {
alert(getComputedStyle(this, null).position); //在FF 情况下,获取的就是通过getComputedStyle(this, null).属性名的方式来获取了。
}
};
};
</script>
<div id="c" class="d"></div>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style >
.d {position: relative; border: 1px solid red; width: 300px; height: 300px; padding: 5px;}
</style>
</head>
<body>
<script defer>
var _$ = function (id) {
return document.getElementById(id);
};
window.onload = function () {
_$('c').onclick = function () {
if (!-[1,]) //判断是否是IE浏览器
{
alert(this.currentStyle["position"]); //在IE情况下 如果要获取已经设置好的属性是通过currentStyle[属性名] 方式来获取
} else {
alert(getComputedStyle(this, null).position); //在FF 情况下,获取的就是通过getComputedStyle(this, null).属性名的方式来获取了。
}
};
};
</script>
<div id="c" class="d"></div>
相关文章推荐
- 网页在IE、Firefox、Opera中显示不兼容方法(包括CSS和JS)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- CSS完全兼容IE/FireFox/Opera的方法
- 原型扩展的方法解决IE和Firefox的Js兼容问题
- js操作textarea方法集合封装(兼容IE,firefox)
- 常用IE与Firefox的CSS兼容差异及解决方法
- IE、Firefox、Opera和Safari对CSS样式important和*和_的支持 兼容CSS的解决方法及CSS差别
- 带Checkbox的TreeView(一) 完美兼容IE、Firefox ,在js中添加了getCurrentNode(evt)方法,注册方法变为TreeView1.Attributes.Add("onclick", "CheckEvent
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- Opera、FireFox、IE、Safari中CSS差别及兼容CSS的解决方法
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- CSS样式important和*和_:兼容IE、Firefox、Opera和Safari CSS的解决方法及CSS差别
- 兼容IE & Firefox 的脚本改本属性值的检测方法 [ 不支持Chrome ]
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- JS在IE和Firefox的不兼容问题解决方法总结