<html>
<head>
<meta charset="utf-8">
<title>title>
<style type="text/css">
body{
text-align: center;
}
table{
border: solid red 1px;
width: 100%;
height: 200px;
background-color: #ffcc99;
font-size: 30px;
color: #ffcc99;
}
td{
border: solid green 1px;
}
.btn{
width: 100px;
height: 50px;
font-size: 24px;
}
style>
head>
<body>
行<input type="text" id="text1" value="3"/>
列<input type="text" id="text2" >
<input type="button" value="生成表格" onclick="createTable()"/>
<table id="=table1">
table>
<input type="button" value="开始" class="btn" id="btn1" onclick="start_game()"/>
<input type="button" value="停止" disabled="disable" class="btn" id="btn2" onclick="stop()"/>
body>
<script language="JavaScript">
var txt1=document.getElementById("text1");
var txt2=document.getElementById("text2");
var table=document.getElementById("table1");
var btn1=document.getElementById("btn1");
var btn2=document.getElementById("btn2");
var row=0;
var col=0;
var names=0;
var cellNum=0;
function init_names(){
row=txt1.value;
col=txt2.value;
name=new Array(row*col);
for (var i=0;ilength ;i++){
names[i]="张三"+i;
}
}
function createTable(){
init_names();
table.innerText="";
var tdId=1;
row=txt1.value;
col=txt2.value;
for(var i=0;ivar tr=document.createElement("tr");
for(var j=1;j var td=document.createElement("td");
td.id="td"+tdId;
td.innerHTMLnames[tdId-1];
tdId++;
tr.appendChild(td);
}
table.appendChild(tr);
}
}
function choiceName(){
cellNum=row*col;
for(var i=1;ivar tdObj=document.getElementById("td"+i)
tdObj.style.backgroundColor="#ffcc99";
}
var random=Math.ceil(Math.random()*cellNum);
var td=document.getElementById("td"+random);
td.style.backgroundColor="chartreuse";
td.style.color="aqua"
}
var t;
function start_game(){
t=window.setInterval("choiceName",100);
btn1.disable=true;
btn2=disable=false;
}
function stop(){
window.clearInterval(t);
btn1.disable=false;
btn2.disable=true;
}
script>
html>
<table id="=table1">
改为:
<table id="table1">
table标签中的id值写错了,多了等号
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!