JavaScript 样式类返回空字符串

The JavaScript style class return empty string

本文关键字：字符串 返回 样式 JavaScript      更新时间：2023-09-26

当我在 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);
   }
};

这是 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;
}

可能是什么原因造成的？

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

相关文章：