知识学堂
  • ·联系电话:+86.023-75585550
  • ·联系传真:+86.023-75585550
  • ·24小时手机:13896886023
  • ·QQ 咨 询：361652718 513960520
当前位置 > 首页 > 知识学堂 > 网站建设知识
js在浏览器兼容教程:样式访问和设置
更新时间：2012-05-09 | 发布人：本站 | 点击率：453 次

方法二，IE和FF都支持object.className，所以可以这样写：

var myObject = document.getElementById("header");
myObject.className="classValue";//设置header的class为classValue

方法三，先判断浏览器类型，再根据浏览器类型采用对应的写法。

4. 对象宽高赋值问题

【分析说明】FireFox中类似 obj.style.height = imgObj.height 的语句无效。

【兼容处理】统一使用 obj.style.height = imgObj.height + ‘px’;

5.添加样式

【分析说明】IE中使用addRules()方法添加样式，如：styleSheet.addRule("p","color:#ccc",styleSheet.length).而该方法不兼容FF，在FF使用insetRule()方法替换。如styleSheet.insertRule("p{color:#ccc}",styleSheet.length).

【兼容处理】if(styleSheet.insertRule){

　　　　　　　　//insertRule()方法

　　　　　　}else{

　　　　　　　　//addRule()方法

　　　　　　}

6.最终样式

【分析说明】有时候我们自定义的样式会失效，是因为发生了样式的重叠，如一个类选择符定义的样式和一个标签选择符定义的样式，此时后者失效。则此时需要用到最终样式了。IE中最终样式的写法是ele.currentStyle.属性名。DOM中标准写法是利用document.defaultView对象，如document.defaultView.getComputedStyle(elel,null),该方法兼容FF.

【兼容处理】先判断浏览器(document.all)，再执行上面的方法.

分享到： QQ空间 新浪微博 开心网 人人网
相关文章