Форум

sovsem-nub · #1 (**permalink**) 07.03.2015, 08:39

на странице есть несколько одинаковых 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>

laimas · #2 (**permalink**) 07.03.2015, 09:17

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

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

sovsem-nub · #3 (**permalink**) 07.03.2015, 09:24

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

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

рони · #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>

Форум

Справочник

Discord чат

Курсы javascript