为什么在添加<!doctype html>声明后，js就获取不到get_x1.style.height呢？也无法get_x1.style.height修改height。
请看源码：
极客观点
项目管理
HarmonyOS
<!doctype html>
<html>
<style>
*{margin:0;padding:0;border:0;}
#x1{width:100%;height:500px;background:grey;}
</style>
<body>
<div>
<div id="x1" class="x1"></div>
</div>
</body>
<script>
var h1 = document.body.scrollHeight;
var get_x1 = document.getElementById('x1');
get_x1.style.height = 200;
alert(get_x1.style.height);
</script>
</html>1.设置高的时候，代码改成get_x1.style.height = '200px';
2.获取高的时候，有clientHeight、offsetHeight、scrollHeight
修改后的代码：
<!doctype html>
<html>
<style>
*{margin:0;padding:0;border:0;}
#x1{width:100%;height:500px;background:grey;}
</style>
<body>
<div>
<div id="x1" class="x1"></div>
</div>
</body>
<script>
var h1 = document.body.scrollHeight;
var get_x1 = document.getElementById('x1');
get_x1.style.height = "200px";
alert(get_x1.clientHeight);
</script>
</html>13 回答12.8k 阅读
7 回答1.9k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答847 阅读✓ 已解决
6 回答851 阅读✓ 已解决
4 回答926 阅读✓ 已解决
你可以用console.log(get_x1.style);将style输出出来，就会发现很多属性
fontVariantLigatures:""
fontWeight:""
height:"200px"
imageRendering:""
isolation:""
justifyContent:""
left:""
length:1
letterSpacing:""
lightingColor:""
可以看到height后面是字符串，而length后面就是整型。所以一般height后面最好跟上"px"