Форум

dadli · #1 (**permalink**) 20.02.2012, 14:58

здравствуите

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

document.getElementById().style.width

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

dmitriymar · #2 (**permalink**) 20.02.2012, 15:00

document.getElementById().offsetWidth

nerv_ · #3 (**permalink**) 20.02.2012, 15:02

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

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

dadli · #4 (**permalink**) 20.02.2012, 15:03

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

dadli · #5 (**permalink**) 20.02.2012, 15:26

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

или я не понял чтото

nerv_ · #6 (**permalink**) 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 · #7 (**permalink**) 20.02.2012, 16:34

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

Форум

Справочник

Discord чат

Курсы javascript