Javascript-форум - Показать сообщение отдельно - Среди одинаковых div выртать тот, что видимый

рони · #4 (**permalink**) 07.03.2015, 11:02

sovsem-nub,http://learn.javascript.ru/metrics

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
    <script>
window.onload = foo;

function isVisibility(elem) {
    return elem.offsetWidth && elem.offsetHeight
}

function foo() {
    var div = document.querySelectorAll(".heeg");
    div = Array.prototype.filter.call(div, isVisibility);
    alert([div[0].offsetWidth,div[0].offsetHeight])
};
  </script>
</head>

<body>  <div class="tc-tclassdler-frame"  style="display:none">
<div class="heeg" style= "position:absolute;">
РАЗЛИЧНОЕ СОДЕРЖИМОЕ
</div>
</div>

<div class="tc-tclassdler-frame" style="display:none">
<div class="heeg" style= "position:absolute;">
РАЗЛИЧНОЕ СОДЕРЖИМОЕ
</div>
</div>

<div class="tc-tclassdler-frame"  style="display:BLOCK">
<div class="heeg" style= "position:absolute;">
РАЗЛИЧНОЕ СОДЕРЖИМОЕ. Меня видно!!!! какого я размера?
</div>
</div>

<div class="tc-tclassdler-frame"  style="display:none">
<div class="heeg" style= "position:absolute;">
РАЗЛИЧНОЕ СОДЕРЖИМОЕ
</div>
</div>



</body>

</html>