概述
今天在慕课网学习的时候遇到一个问题。
有这样一个盒子：
<html>
<head>
<style>
#login_box{width:300px;height:150px;background:#eee;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;}
</style>
</head>
<body>
<div id="login_box">
<p>用户登录</p>
</div>
</body>
</html>根据任务要求，我需要让这个盒子显示在屏幕上。
但是以下代码没有效果：
<script>
var box = getElementById("login_box");
box.setAttribute("display","block");
</script>
也就是说，“display”不是一个HTML属性，是一个CSS属性，如果要用setAttribute方法修改的话，代码如下：
box.setAttribute("style","display:block");但是不建议采用这种方法。
推荐使用：
box.style.display = "block";最后
以上就是大意黑裤为你收集整理的使用setAttribute()修改display属性的坑的全部内容，希望文章能够帮你解决使用setAttribute()修改display属性的坑所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复