Q&A
JavaScriptで特定の要素(#HOGEHOGE)の要素の高さが取れず困っています。
alert('h= ->' + h + '<-')の結果は、h= ->0<- です。
以下のhtmlコードを見ると、#HOGEHOGEは空のように見えますが、
hogehoge.jsで、document.getElementByIdで、htmlコードを流し込んでいます。
クロームブラウザのディベロッパーツールで確認すると、
高さは300pxあります。
これは何が原因なのでしょうか？
はまってしまいまして、分かる方がいらしたら、教えてください。
html
1<html> 2<head> 3<meta charset="utf-8"> 4<script defer src="hogehoge.js"></script> 5<title></title> 6</head> 7 8<body> 9<main id="main"> 10<div id="HOGEHOGE"></div> 11</main> 12 13<script> 14sendHeight(); 15function sendHeight(){ 16var h = window.document.getElementById('HOGEHOGE').clientHeight; 17alert('h= ->' + h + '<-'); 18} 19</script> 20 21</body> 22</html>
回答1件
0
ベストアンサー
これは何が原因なのでしょうか？
styleプロパティは、その要素に直接適用しているスタイルを読み書きするためのものです。別途<style>や<link>からCSSがかけてあったり、中身で高さが確保されるような状況だったとしても、それは無関係です。
投稿2020/08/30 08:21
総合スコア146063
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/30 08:25
退会済みユーザー
2020/08/30 09:49
2020/08/30 09:55
退会済みユーザー
2020/08/30 09:57