<!的兼容性问题DOCTYPE html>和. clienttheight JavaScript

Compatibility issue with <!DOCTYPE html> and .clientHeight JavaScript

本文关键字：clienttheight JavaScript html 问题 兼容性 DOCTYPE      更新时间：2023-09-26

我在设置一个div的高度时遇到了基于另一个div的。clienttheight的问题。

我的JS示例如下:

<script>
var height1 = document.getElementById("DIV1").clientHeight;
document.getElementById("DIV2").style.height = height1;
</script>

奇怪的是，当我从页面顶部删除doctype声明时，javascript执行正确的操作(显然我不想从页面中删除doctype…)

解决方案:

<script>
var height1 = document.getElementById("DIV1").clientHeight;
document.getElementById("DIV2").style.height = height1 + "px";
</script>

风格。高度要求长度，而不是数值。

相关文章：