Ответный класс стиль 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, не видны таким образом.