JavaScript样式类返回空字符串

当我在JavaScript上为存在元素使用

style

属性时，它会向我返回一个空字符串

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);
   }
};

---

什么可能导致这种情况？

对象仅包含直接在DOM元素上设置的样式属性。通过CSS确定的属性不可见。

有关详细信息，请参阅。要查找“计算样式”，请查看

getComputedStyles

（），但当我要编辑此属性时，应如何操作value@Abdou您可以在

.style

对象上自由设置样式。你不能用它来检查通过CSS继承的样式。

  <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>

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