質問編集履歴
1
<script>内の.style.heightから.clientHeightに修正。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
JavaScriptで要素の高さが
|
|
1
|
+
JavaScriptの.clientHeightで要素の高さが0になる
|
body
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
JavaScriptで特定の要素(#HOGEHOGE)の要素の高さが取れず困っています。
|
|
2
|
-
alert('h= ->' + h + '<-')の結果は、h= -><- で
|
|
2
|
+
alert('h= ->' + h + '<-')の結果は、h= ->0<- です。
|
|
3
3
|
|
|
4
|
-
htmlコードを見ると、#HOGEHOGEは空のように見えますが、
|
|
4
|
+
以下のhtmlコードを見ると、#HOGEHOGEは空のように見えますが、
|
|
5
5
|
hogehoge.jsで、document.getElementByIdで、htmlコードを流し込んでいます。
|
|
6
6
|
|
|
7
7
|
クロームブラウザのディベロッパーツールで確認すると、
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<script>
|
|
27
27
|
sendHeight();
|
|
28
28
|
function sendHeight(){
|
|
29
|
-
var h = window.document.getElementById('HOGEHOGE').
|
|
29
|
+
var h = window.document.getElementById('HOGEHOGE').clientHeight;
|
|
30
30
|
alert('h= ->' + h + '<-');
|
|
31
31
|
}
|
|
32
32
|
</script>
|