JavaScript样式类返回空字符串

Question

当我style在JavaScript上使用属性存在元素时,它返回给我一个空字符串

alert(element.style.width);

JavaScript返回一个空的警告框我尝试使用许多预先声明的css属性,但输出相同

var images =    document.querySelectorAll(".slider_image");

document.getElementById("next").onclick = function() {
   for (var i = 0; i < images.length; i++) {
   alert(images[i].style.width);
   }
};

这是html

  <div id="first-part">
  <div id="slider">
    <img src="img/1.jpg" class="slider_image" id="1"/>
    <img src="img/2.jpg" class="slider_image" id="2"/>
    <img src="img/3.jpg" class="slider_image" id="3"/>
    <img src="img/next.png" id="next-img"/>
  </div>
  <span id="next">Next</span>  <span id="before">Before</span>
</div>

这是我的css:

.slider_image{
  width:100%;
  position:relative;
  right:0px;
}

什么可能导致这个？

Answer 1

该.style对象仅包括直接在DOM元素上设置的样式属性.从CSS确定的属性不可见.