JavaScriptで埋め込みオブジェクトの高さを取得

Question

オブジェクトまたは埋め込みコードの高さを取得する方法。ページに収まるように、スクロールしないでください。あなたがmax-heightとmin-heightを交換する必要が

var offsetHeight = document.getElementById('myDiv').offsetHeight; 
 
var clientHeight = document.getElementById('myDiv').clientHeight; 
 
alert(clientHeight)

<object id="myDiv" data="http://datatables.socialmediahome.com" width="100%" style="min-height:100vh"> 
 
</object>

Answer 1

。また、CSSを使ってデフォルトのスタイルを削除することも害ではありません。

var offsetHeight = document.getElementById('myDiv').offsetHeight; 
 
var clientHeight = document.getElementById('myDiv').clientHeight; 
 
alert(clientHeight)

* { 
 
    padding: 0; 
 
    margin: 0; 
 
}

<object id="myDiv" data="http://datatables.socialmediahome.com" width="100%" style="max-height:100vh"> 
 
</object>

HTML

<object id="myDiv" data="http://datatables.socialmediahome.com" width="100%" style="max-height:100vh"> 
</object> 

CSS

* { 
    padding: 0; 
    margin: 0; 
    overflow: hidden; 
} 

Javascriptを

var offsetHeight = document.getElementById('myDiv').offsetHeight; 
var clientHeight = document.getElementById('myDiv').clientHeight; 
alert(clientHeight)