IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3656字，纯文字阅读大概需要6分钟。
内容图文
在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值
访问一个给定CSS 值的最基本句法是：
object.style.property
，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的
的background-color
值，我们使用如下句法：
document.getElementById("header").style.backgroundColor= "#ccc";
但由于"float"这个词是一个JavaScript保留字，因此我们不能用
object.style.float
来访问，这里，我们可以在两种浏览器中这么做：
在IE中这样写：
document.getElementById("header").style.styleFloat = "left";
在Firefox中这样写：
document.getElementById("header").style.cssFloat = "left";
2. 元素的推算样式
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;
3. 访问元素的"class"
像"float"一样，"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");
This syntax would also apply using the
setAttribute
method.
4. 访问
就第3点中所提到的，我们同样需要使用不现的句法区分来访问
值，我们使用如下句法：
document.getElementById("header").style.backgroundColor= "#ccc";
但由于"float"这个词是一个JavaScript保留字，因此我们不能用
object.style.float
来访问，这里，我们可以在两种浏览器中这么做：
在IE中这样写：
document.getElementById("header").style.styleFloat = "left";
在Firefox中这样写：
document.getElementById("header").style.cssFloat = "left";
2. 元素的推算样式
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;
3. 访问元素的"class"
像"float"一样，"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");
This syntax would also apply using the
setAttribute
method.
4. 访问
就第3点中所提到的，我们同样需要使用不现的句法区分来访问
内容总结
以上是互联网集市为您收集整理的IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧全部内容，希望文章能够帮你解决IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】