javascript 中使用css应该注意的：
时间：2010-08-31 来源：Helius
1.在改变单个元素样式时，注意style对象的语法和css中使用的语法几乎是一一对应的。不过包含连字符的属性则被替换为一种“camel castring”的形式，例如：font-size现在成了fontSize，而margin-top变成了marginTop；
2.在使用“float”时，因为“float”是javas cript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
3. 获得元素的计算样式:
在W3C DOM下可以：
2.在使用“float”时，因为“float”是javas cript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
3. 获得元素的计算样式:
在W3C DOM下可以：
var heading = document.getElementById("heading");
var computedStyle = document.defaultView.getComputedStyle(heading,null);
var computedFontFamily = computedStyle.fontFamily;//sans-serif
IE不支持使用DOM标准方法，可以：
var computedStyle = document.defaultView.getComputedStyle(heading,null);
var computedFontFamily = computedStyle.fontFamily;//sans-serif
IE不支持使用DOM标准方法，可以：
var heading = document.getElementById("heading");
var computedFontFamily = heading.currentStyle.fontFamily;//sans-serif
综合上述这些方法，可以创建一个跨浏览器函数来实现
var computedFontFamily = heading.currentStyle.fontFamily;//sans-serif
综合上述这些方法，可以创建一个跨浏览器函数来实现
function retrieveComputedStyle(element,styleProperty){
var computedStyle = null;
if(typeof element.currentStyle != "undefined"){
computedStyle = element.currentStyle;
}else{
computedStyle = document.defaultView.getComputedStyle(element,null);
}
return computedStyle[styleProperty];
}
var computedStyle = null;
if(typeof element.currentStyle != "undefined"){
computedStyle = element.currentStyle;
}else{
computedStyle = document.defaultView.getComputedStyle(element,null);
}
return computedStyle[styleProperty];
}
相关阅读 更多 +
