javascript - 添加<!doctype html>声明后，js获取不到css属性值
本文介绍了javascript - 添加<!doctype html>声明后，js获取不到css属性值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
为什么在添加<!doctype html>声明后，js就获取不到get_x1.style.height呢？也无法get_x1.style.height修改height。
请看源码：
<!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>解决方案
你可以用console.log(get_x1.style);将style输出出来，就会发现很多属性
fontVariantLigatures:""
fontWeight:""
height:"200px"
imageRendering:""
isolation:""
justifyContent:""
left:""
length:1
letterSpacing:""
lightingColor:""
可以看到height后面是字符串，而length后面就是整型。所以一般height后面最好跟上"px"
这篇关于javascript - 添加<!doctype html>声明后，js获取不到css属性值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
