这样为什么不行？通过js改变样式
狂四郎
2016-12-29 15:13
<!DOCTYPE html />
<title>无标题文档</title>
<style>
#div1{width:100px;
height:100px;
background:red
display:none;}
<script>
window.onload=function(){
var odiv1=document.getElementById("div1")
odiv1.style.display="block";
}
</script>
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
6回答
-
- qq_错过的_0
- 2017-01-07 10:22:45
<!DOCTYPE html >
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
#div1{
border:1px solid gray;
width:100px;
height:100px;
display: block;
}
</style>
<script type="text/javascript">
function change(){
var d= document.getElementById("div1");
d.style.display='none';
}
function reset(){
var d= document.getElementById("div1");
d.style.display='block';
}
</script>
</head>
<body>
<div id="div1" onclick="change()" >测试</div>
<button onclick="reset()" >恢复</button>
</body>
</html>
-
- 洋葱宝宝
- 2017-03-09 13:36:59
var odiv1=document.getElementById("div1")少了个分号,还有就是style标签的问题,别把script包在里面
-
- 慕用9345534
- 2017-01-09 14:48:36
怎么感觉你好多标签都不成对？
-
- qq_错过的_0
- 2016-12-29 22:15:11
<style></style>与<script>标签是并列的，不能包含。行了，送积分哦，不懂可以追问
-
- qq_错过的_0
- 2016-12-29 22:09:30
<style></style>标签是成对用的.
-
- qq_错过的_0
- 2016-12-29 18:15:47
display设置为none不显示，把dispay的值改成block或inline.
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题