Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   определить ширину див тега (https://javascript.ru/forum/misc/25927-opredelit-shirinu-div-tega.html)

dadli 20.02.2012 14:58

определить ширину див тега
 
здравствуите

есть какоита див тег, хочу определить ширину етого тега. если явно указан для етого тега style="width:200px" то так конечно можно, через
document.getElementById().style.width


но интересно, можно ли определить ширину див елемента, если атрибут style не указан напрямую?

dmitriymar 20.02.2012 15:00

document.getElementById().offsetWidth

nerv_ 20.02.2012 15:02

var x = elem.currentStyle || window.getComputedStyle(elem, null);

Стили и классы, getComputedStyle

dadli 20.02.2012 15:03

dmitriymar,
спасибо огромное :)

dadli 20.02.2012 15:26

nerv_,
и вам спасибо, но то что я спросил, явно связан именно offsetWidth.
а то что ви сказали, ето нечто другое тема да? :) или я не понял чтото

nerv_ 20.02.2012 15:52

dadli, пройдите по ссылке, там все написано. Еще можете посмотреть пример ниже.
<html>
	<head>
		<style type="text/css">
			div {
				background-color: green;
				margin: 10px;
			}
			#div2 {
				height: 50px;
				width: 50px;
			}
		</style>
		<script type="text/javascript">
			window.onload = function() {
				var elem1 = document.getElementById( 'div1' );
				var elem2 = document.getElementById( 'div2' );
				
				alert( 'elem1\n' + elem1.style.height + '\n' + elem1.style.width );
				alert( 'elem2\n' + elem2.style.height + '\n' + elem2.style.width );
				
				var curStyle = elem2.currentStyle || window.getComputedStyle(elem2, null);
				
				alert( 'elem2\n' + curStyle.height + '\n' + curStyle.width );
			}
		</script>
	</head>
	<body>
		<div id="div1" style="height:50px;width:50px;"></div>
		<div id="div2"></div>
	</body>
</html>

dadli 20.02.2012 16:34

понятно спасибо nerv_ :)


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