IE、FF、Chrome浏览器中的JS差异介绍( 二 )


在Firefox中这样写:
document.getElementById("header").style.cssFloat = "left";

元素的推算样式
JavaScript可以使用object.style.property句法,方便地在外部访问和修改某个CSS样式,但其限制是这些句法只能取出已设的行内样式或者直接由JavaScript设定的样式 。并不能访问某个外部的样式表 。为了访问元素的"推算"样式,我们可以使用下面的代码:
在IE中这样写:
var myObject = document.getElementById("header");
var myStyle = myObject.currentStyle.backgroundColor;
在Firefox中这样写:
var myObject = document.getElementById("header");
var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);
var myStyle = myComputedStyle.backgroundColor;

访问元素的"class"
"class"是JavaScript的一个保留字,在这两个浏览器中我们使用如下句法来访问"class" 。
在IE中这样写:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");
在Firefox中这样写:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");您可能感兴趣的文章:js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器C获取多浏览器上网历史记录示例代码(支持获取IE/Chrome/FireFox)在firefox和Chrome下关闭浏览器窗口无效的解决方法flex chrome浏览器调试出现空白的解决方法javascript判断chrome浏览器的方法js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式

推荐阅读