ウェブサイトの高さを取得して部門に適用する

Question

私はウェブサイトを持っていますので、http://www.example.comとしましょう。私のHTMLでは、私はここで

<div style="height:100vh;"><iframe src="http://www.example.com" style="position: relative; width: 100%; height: 100%; border:0;"></iframe></div> 

を持っているdivが100VHの高さを持っているが、私は、example.comの高さを取得し、自動的にdiv要素に適用します。それをしてもいいですか？ここで

Answer 1

は作業JSFIDDLE https://jsfiddle.net/jsz9ur1g/1/ HTMLがいっぱいのbodysの高さに拡大していないので、私は右のbodyタグの前のgetHeightと呼ばれるのdiv を追加し、それを与えた時代の

HTML

たくさんあります絶対的な位置。これは、私がHTMLに分の高さを与え、絶対位置するのgetHeight div要素を設定し、それをの高さを与え見ることができるように、それは、文書の高さ

<div id="getHeight"> 
</div> 
<div id="yourElement"> 
</div> 

CSS

の100％に拡大することを保証します100％。

html{ 
    min-height:500px; 
} 
#getHeight{ 
    position:absolute; 
    top:0; 
    left:0; 
    height:100%; 
    width:100%; 
} 
#yourElement{ 
    background:red; 
    color:#fff; 
    font-size:20px; 
} 

JS

var bodyHeight = document.querySelector("#getHeight").offsetHeight; 
//or use clientHeight if you don't car about scrollbars and borders 
var yourElement = document.getElementById("yourElement"); 
yourElement.style.height = bodyHeight + "px"; 
yourElement.innerHTML = "see the height of the actual document is " + bodyHeight + "px";