吴旭晓个人博客 繁体中文 简体中文

的 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. 访问标签中的"for"
就第3点中所提到的，我们同样需要使用不现的句法区分来访问标签中的"for"：

在IE中这样写：

var myObject = document.getElementById("myLabel"

作者：吴旭晓 | 来源：个人博客 | 点击量：2507 | 发布时间：2010-09-05

最新留言 | 
返回上一页 | 
返回首页


相关文章:


js获取当前域名 (2010-11-16)

用cssText批量修改样式 (2010-09-05)

遇到Javascript在IE6下window.location.href 不跳转的问题及解决方法 (2010-08-25)

jQuery基础 - 改变CSS样式  (2014-03-08)

js获取鼠标在页面中的坐标 (2010-10-13)







最新留言及回复|
电脑版|
手机版|


版权所有：吴旭晓个人博客  Copyright © 2013-2023 个人博客