Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法

Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法

 

无标题文档

  window.onload = function(){

  alert(document.getElementByIdx_x('xinying').style.width);

}

 

如果是在行间，用以上方法可以直接取到css的 属性值，但是，如果css是写在内嵌样式中或者写在css样式表中，这个时候取出来的值就 为空

如下：

 

 

 

 

 

无标题文档

 

#xinying{

 width:200px;

 height:200px;

 background:#f00;

}

 

  window.onload = function(){

  alert(document.getElementByIdx_x('xinying').style.width);

}

 

 

 

下面介绍两种方法

FF ，chorme ，Opera

getComputedStyle()

 

IE : 

currentStyle();

 

无标题文档

 

  window.onload = function(){

  var oXin = document.getElementsByTagName_r('div')[0];

   alert(getByClass(oXin,'width'));

}

  function getByClass(obj,name){

  if(obj.currentStyle)

  {

 return  obj.currentStyle[name];

   }else{

 return  getComputedStyle(obj,false)[name];

  }

  }