编写的js死活找不到问题所在,就是运行不成功

qq_31801913 2016-04-11 10:35:33
如题,编写的js找不到问题所在,但就是不成功,各位大神运行下看怎样

html代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Little play</title>
<link rel="stylesheet" href="../css/play.css">
<script src="play.js"></script>

</head>
<body >

<h1>益智迷宫</h1>
<div id="gezi">
<table cellpadding="0" cellspacing="0">
<tr>
<td id="cell11">
<img src="../picture/play/07.png" alt="7" height="69" width="69">
</td>
<td id="cell12">
<img src="../picture/play/06.png" alt="6" height="69" width="69">
</td>
<td id="cell13">
<img src="../picture/play/14.png" alt="14" height="69" width="69">
</td>
<td id="cell14">
<img src="../picture/play/11.png" alt="11" height="69" width="69">
</td>
</tr>
<tr>
<td id="cell21">
<img src="../picture/play/12.png" alt="12" height="69" width="69">
</td>
<td id="cell22">
<img src="../picture/play/empty.png" alt="empty" height="69" width="69">
</td>
<td id="cell23">
<img src="../picture/play/05.png" alt="5" height="69" width="69">
</td>
<td id="cell24">
<img src="../picture/play/13.png" alt="13" height="69" width="69">
</td>
</tr>
<tr>
<td id="cell31">
<img src="../picture/play/08.png" alt="8" height="69" width="69">
</td>
<td id="cell32">
<img src="../picture/play/10.png" alt="10" height="69" width="69">
</td>
<td id="cell33">
<img src="../picture/play/01.png" alt="1" height="69" width="69">
</td>
<td id="cell34">
<img src="../picture/play/15.png" alt="15" height="69" width="69">
</td>
</tr>
<tr>
<td id="cell41">
<img src="../picture/play/04.png"alt="4" height="69" width="69">
</td>
<td id="cell42">
<img src="../picture/play/02.png" alt="2" height="69" width="69">
</td>
<td id="cell43">
<img src="../picture/play/09.png" alt="9" height="69" width="69">
</td>
<td id="cell44">
<img src="../picture/play/03.png" alt="3" height="69" width="69">
</td>
</tr>
</table>
</div>
<div>
<img src="../picture/科比/15055638_254149.jpg" id="pic">
</div>
</body>
</html>

js代码


window.onload=diaoyong;

function diaoyong(){

var biao=document.getElementById("gezi").getElementsByTagName("td");
for(var i=0;i<biao.length;i++){
var biao1=biao[i];
biao1.onclick=dianji;
}


}

function dianji(){
if(isempty(this)){
alert("请勿点击空白块!");
}

var row=this.id.charAt(4);
var col=this.id.charAt(5);

if(row>1){
var row1=Number(row)-1;
var id="cell"+row1+col;
var yinyong=document.getElementById(id);
if(isempty(yinyong)){
jiaohuan(this,yinyong);
return;
}
}
if(cow<4){
var row1=Number(row)+1;
var id="cell"+row1+col;
var yinyong=document.getElementById(id);
if(isempty(yinyong)){
jiaohuan(this,yinyong);
return;
}
}
if(col>1){
var col1=Number(col)-1;
var id="cell"+row+col1;
var yinyong=document.getElementById(id);
if(isempty(yinyong)){
jiaohuan(this,yinyong);
return;
}
}
if(col<4){
var col1=Number(col)+1;
var id="cell"+row+col1;
var yinyong=document.getElementById(id);
if(isempty(yinyong)){
jiaohuan(this,yinyong);
return;
}
}

alert("请点击空白块旁边的数字!");
}

function isempty(cell){
var image=cell.firstChild;
while(image.nodeName=="#text"){
image=image.nextSibling;
}
if(image.alt=="empty"){
return true;
}
else{
return false;
}
}

function jiaohuan(ing,kong){
var img=ing.firstChild;

while(img.nodeName=="#text"){
img=img.nextSibling;
}
var img2=kong.firstChild;
while(img2.nodeName=="#text"){
img2=img2.nextSibling;
}
ing.appendChild=img2;
kong.appendChild=img;

if(check()){
win();
}
}

function check(){
var img=document.getElementById("gezi").getElementsByTagName("img");
var num="";
for(var x=0;x<img.length;x++){
var img1=img[x];
var paixu=img1.src.substr(-6,2);
if(paixu!="ty")
num+=paixu;

}
if(num=="010203040506070809101112131415"){
return true;
}
return false;
}

function win(){
document.getElementById("pic").className="yanhua";
}



...全文
152 2 打赏 收藏 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_31801913 2016-04-12
  • 打赏
  • 举报
回复
这有什么区别吗
天际的海浪 2016-04-11
  • 打赏
  • 举报
回复
if (row > 1) { var row1 = Number(row) - 1; var id = "cell" + row1 + col; var yinyong = document.getElementById(id); if (isempty(yinyong)) { jiaohuan(this, yinyong); return; } } if (row < 4) { var row1 = Number(row) + 1; var id = "cell" + row1 + col; var yinyong = document.getElementById(id); if (isempty(yinyong)) { jiaohuan(this, yinyong); return; } } if (col > 1) { var col1 = Number(col) - 1; var id = "cell" + row + col1; var yinyong = document.getElementById(id); if (isempty(yinyong)) { jiaohuan(this, yinyong); return; } } if (col < 4) { var col1 = Number(col) + 1; var id = "cell" + row + col1; var yinyong = document.getElementById(id); if (isempty(yinyong)) { jiaohuan(this, yinyong); return; } } alert("请点击空白块旁边的数字!"); } function isempty(cell) { var image = cell.firstChild; while (image.nodeName == "#text") { image = image.nextSibling; } if (image.alt == "empty") { return true; } else { return false; } } function jiaohuan(ing, kong) { var img = ing.firstChild; while (img.nodeName == "#text") { img = img.nextSibling; } var img2 = kong.firstChild; while (img2.nodeName == "#text") { img2 = img2.nextSibling; } ing.appendChild(img2); kong.appendChild(img); if (check()) { win(); } }

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧