Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   не могу просмотреть css стили элемента (https://javascript.ru/forum/events/65090-ne-mogu-prosmotret-css-stili-ehlementa.html)

gazman 25.09.2016 22:25

не могу просмотреть css стили элемента
 
здравствуйте. я что-то туплю. не получается посмотреть css-свойство "left" у элемента. выводит пустую строку. помогите, пожалуйста
<style type="text/css">


#rama
{
	width:150px;
	height:74px;
	position:absolute;
	left:167px;
	top:0;
	border:3px solid #ffff00;
	z-index:20
}


#original
{
	position:absolute;
	left:20px
}

#container
{
	position:absolute;
	left:20px
}


</style>	

<div id="slider">
	<div id="original"></div>
	<a href="#" id="left"></a>
	<div id="container">
		<div id="rama">&nbsp;</div>
		<img src="images/1.jpg" />
		<img src="images/2.jpg" />
		<img src="images/3.jpg" />
		<img src="images/4.jpg" />
		<img src="images/5.jpg" />
	</div>
	<a href="#" id="right"></a>
</div>

window.onload = function () 
{
	var conti = document.getElementById("container");
	var cont = conti.getElementsByTagName("img");
	var orig = document.getElementById("original");
	var rama = document.getElementById("rama");

	
	alert(rama.style.left);
}

xbit 25.09.2016 22:34

Все ответы по ссылке:
https://learn.javascript.ru/styles-and-classes

вот так заработает:
alert ( window.getComputedStyle(rama, null).getPropertyValue('left') );

gazman 26.09.2016 06:15

спасибо

Pavel M. 26.09.2016 11:10

можно и без getPropertyValue
просто
getComputedStyle(rama, null).left


Часовой пояс GMT +3, время: 11:31.