原生javascript做五子棋的一点小问题
<script>
document.getElementsByTagName('table')[0].onclick = function(ev){
var temp = document.createElement('div');
temp.className="demo";
temp1 = ev.target;//td节点
temp2 = ev.target.appendChild(temp);//div节点
console.log(temp1);
};
</script>
我写的这个js是每当td点击一下，都会在当前的td下动态添加一个div元素，想象一下五子棋，这个位置已经有棋子了，所以不可能再让棋子放进来，怎么解决？
document.getElementsByTagName('table')[0].onclick = function(ev){
var temp = document.createElement('div');
temp.className="demo";
temp1 = ev.target;//td节点
temp2 = ev.target.appendChild(temp);//div节点
console.log(temp1);
};
</script>
我写的这个js是每当td点击一下，都会在当前的td下动态添加一个div元素，想象一下五子棋，这个位置已经有棋子了，所以不可能再让棋子放进来，怎么解决？
...全文
请发表友善的回复…
发表回复
qq_28629495 2016-05-17
- 打赏
- 举报
你说的很对···我已经受用。但是分已经 给了 不好意思，那个Table帖子见吧。。
xuzuning 2016-05-17
- 打赏
- 举报
1、你怎么知道鼠标点击的就是 td 而不是 div 或 tr 呢？
2、你怎么知道那个 ev 就一定会被传入呢？
你至少需要
ev = ev || event;
var el = ev.Target || ev.srcElement
于是有
if(el.nodeName == 'TD') {
//在这里添加 div
}
qq_28629495 2016-05-17
- 打赏
- 举报
很厉害，我找了很多方法 都没行的通，刚学习javascript 真的很厉害。感谢您。
请收下我的菊花。
请收下我的菊花。
天际的海浪 2016-05-17
- 打赏
- 举报
document.getElementsByTagName('table')[0].onclick = function(ev){
var temp1 = ev.target;//td节点
if (temp1.getElementsByTagName("div").length>0) {
alert("这个位置已经有棋子了");
return;
}
var temp = document.createElement('div');
temp.className="demo";
temp2 = ev.target.appendChild(temp);//div节点
};
slwsss 2016-05-17
- 打赏
- 举报
给这个td加个标记
