首页 / JAVASCRIPT / IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧

IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3599字，纯文字阅读大概需要6分钟。

内容图文

在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。

IE与Firefox在JavaScript上的7个不同句法分享_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. 访问

内容总结

以上是互联网集市为您收集整理的IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧全部内容，希望文章能够帮你解决IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/314432.html

来源：【匿名】