关于获取HTML元素的CSS属性值函数

作者：CNLei 来源：CNLei blog 时间：2008-09-01 13:20:00　

论坛有人问起如何获取读取CSS属性值，就写了下面这段兼容各浏览器的获取HTML元素的css属性值函数：

function getStyle(o,s){
  if(document.defaultView){// firefox,opera,safari
  return document.defaultView.getComputedStyle(o,null).getPropertyValue(s);
  } else {//ie
  s=s.replace(/\-([a-z])([a-z]?)/ig,function(s,a,b){return a.toUpperCase()+b.toLowerCase();});//转化为驼峰写法
  return o["currentStyle"][s];
  }
}

演示实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title> 测试:getStyle(obj,attr) asp之家</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta name="author" content="枫岩,CNLEI" /><meta name="copyright" content="cnlei.y.l@gmail.com , http://www.cnlei.com" /><style type="text/css">strong {color:#f00;}#DEMO {border:10px solid #ccc;position:absolute;top:100px;left:300px;}</style></head><body><div id="DEMO" style="z-index:100;">Welcome to IECN.NET!</div><script type="text/javascript"></script></body></html>

标签：属性,函数,html,css

投稿

关于获取HTML元素的CSS属性值函数

猜你喜欢

解析Oracle 8i/9i的计划稳定性

手机验证设计感悟

text-overflow实现标题省略号功能

asp实现页面延迟运行的两个简单方法

SQL SERVER 日志已满的处理方法

Javascript优化（文件瘦身）

一个较新的ASP后门服务端实现代码

ASP进阶学习之认识数学函数

修改、删除数据记录（DELETE\\UPDATE）

Asp 操作Cookies(包括设置[赋值]、读取、删除[设置过期时间])

innerHTML 的些摘记

ASP中正则表达式的应用

巧用MySQL InnoDB引擎锁机制解决死锁问题

asp如何验证IP地址？

轻松掌握MySQL数据库锁机制的相关原理

DreamweaverMX Ultradev探索：技巧荟萃

让所有IE支持HTML5的解决方案

在原窗口还是新窗口打开链接？

IIS出现Active Server Pages错误“ASP 0201”的修复工具

学以致用驳ASP低能论