首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎的获取链接样式(兼容主流浏览器)

2013-03-26 
怎样获取链接样式(兼容主流浏览器)?!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN ht

怎样获取链接样式(兼容主流浏览器)?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>javascript测试程序</title>
  <link rel="stylesheet" type="text/css" href="javascript_test.css"/>
  <script type="text/javascript">
   window.onload = function(){
     var obj = document.styleSheets[0]; // [object StyleSheetList] 样式表的个数<link>
     var rule = null;// [object CSSRule]

     if (obj.cssRules){
       rule = obj.cssRules[0];  // 非IE [object CSSRuleList]
     } else {
       rule = obj.rules[0];     // IE [object CSSRuleList]
     } 

       alert(rule.style.width); // 谷歌浏览器不能输出
   };
  </script>
 </head>
 <body>
  <div id="test">测试DIV</div>
 </body>
</html>

以上程序段怎么在谷歌浏览器中不能输出宽度? 浏览器 stylesheet javascript
[解决办法]
w3c
document.defaultView.getComputedStyle(element).width
ie
element.currentStyle.width
类似这样试试
[解决办法]
因为你这个CSS第一条压根就没有设置width这个样式。。。

热点排行
Bad Request.