急！求高手 用JS设计一个网页 点击一下按钮就出现一个带序号的正方形 我知道要结合CSS
我的思路有是用css把正方形设计出来，然后再Javascript中写for(i=0;i<=n;n++){document.writeline(<divclass="">i...
我的思路有是用css把正方形设计出来，然后再Javascript中 写for(i=0;i<=n;n++){document.writeline(<div class="">i<div>)}在body中添加按钮。但是结果就是不出现方块
展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.box{width:100px;height:100px;background:#ccc;}
</style>
<script type="text/javascript">
function show(){
if(!document.getElementById("panduan")){
var nd=document.createElement("div");
var txt=document.createTextNode("序列号");
nd.appendChild(txt);
nd.setAttribute("class","box");
nd.setAttribute("id","panduan");
document.body.appendChild(nd);
}
}
</script>
</head>
<body>
<input type="button" value="出现" onclick="show()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.box{width:100px;height:100px;background:#ccc;}
</style>
<script type="text/javascript">
function show(){
if(!document.getElementById("panduan")){
var nd=document.createElement("div");
var txt=document.createTextNode("序列号");
nd.appendChild(txt);
nd.setAttribute("class","box");
nd.setAttribute("id","panduan");
document.body.appendChild(nd);
}
}
</script>
</head>
<body>
<input type="button" value="出现" onclick="show()" />
</body>
</html>
追问
show方法中可以用简单的FOR循环吗 我是初学者 有许多用法只是简单学了 不太会用
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
