Javascript-форум - Среди одинаковых div выртать тот, что видимый

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Среди одинаковых div выртать тот, что видимый (https://javascript.ru/forum/events/54176-sredi-odinakovykh-div-vyrtat-tot-chto-vidimyjj.html)

Среди одинаковых div выртать тот, что видимый

на странице есть несколько одинаковых Div . Все кроме одного лежат внутри скрытых дивов (style="display:none" )
нужно узнать высоту того, который не скрыт.

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

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

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

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

alert($('div.tc-tiddler-frame').not(':hidden').find('div').height());

Идентификатор, это уникальное имя и не может повторяться в документе - id="heeg".

Это да, пусть будет class="heeg" (нужно как-то обратиться к этому див, так как внури срытого блока, еще много других блоков)

забыл написать, что мне нужен чистый javascript. :-?

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>