Размер блока div
Привет. Подскажите, пожалуйста, в чем может быть проблема. Есть HTML код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>testPrj</title>
<style>
.wrapper {height: 100%; display: table; width: 100%;}
.header {display: table-row; height: 1px;}
.main {height: 100%; display: table; width: 100%;}
.box {display: table-cell;}
.sidebar {width: 200px;}
.content {height: 100%;}
.content iframe {width: 100%; height: 100%; border: none; margin: 0; padding: 0; display: block;}
.footer {display: table-row; height:1px;}
/* Basic Style*/
* { margin:0; padding:0;}
html, body {height: 100%;}
</style>
</head>
<body bgcolor="#ffff00">
<div class="wrapper">
<div class="header">
<h1>Header</h1>
<button onclick='location.href="Auto.html"'>Auto</button>
<button onclick='location.href="Auto1.html"'>Auto1</button>
</div>
<div class="main">
<div class="box sidebar"></div>
<div class="box content">
<iframe frameborder="0" marginwidth="0" marginheight="0" src="Auto.svg" id="AutoId"></iframe>
</div>
<div class="box sidebar"></div>
</div>
<div class="footer">Text. Text</div>
</div>
<script type="text/javascript" src="Auto.js"></script>
</body>
</html>
Мне необходимо получить размеры блоков div для классов main и box content.
Для main написал:
vpH = document.getElementsByClassName('main')[0].clientHeight;
vpW = document.getElementsByClassName('main')[0].clientWidth;
Все работает. Пытаюсь аналогичным образом получить размеры box content:
imgH = document.getElementsByClassName('box content')[0].clientHeight);
imgW = document.getElementsByClassName('box content')[0].clientWidth);
Ничего не выводит. Хотя видит object HTMLDivElement, если не использовать методы clientWidth/Height. |