发表于: 2016-12-07 23:32:48
1 1727
今日完成:
今天在完成了任务4-2的杀手杀人页面。
完成思路:
1,给每个节点添加事件 完成
2,点击后边框颜色改变, 完成
3点击另一个,上次改变的颜色取消
4 杀手不能杀死自己,杀手不能杀死已死亡的角色
5.点击确定后,角色死亡,保存数据。并传给下一个页面,打印出来。
明日计划:
继续任务4-2杀手杀人页面。3.4.5
遇到的问题:
3,点击另一个,上个颜色没改变回来
问题代码:
var bb= document.getElementById("wrap").childNodes;//获取wrap下的子节点。
for (var n=0; n<bb.length;n++){
bb[n].onclick = function (){//给每个节点添加事件
var y =0; //定义两个变量。
var i;
if(y==0){
this.style.borderColor= "orange"; //第一次改变选中的边框颜色
i=this; //把当前选中的节点付给i
}
else{
i.style.borderColor ="write";//第二次把上次颜色变回来
this.style.borderColor= "orange";//把当前的颜色改变
i=this;
}
y++;
}
};
调试页面,y的值不能保存,始终为0,执行不到else的语句
今日收获;
完成了任务4 的一部分,熟悉了事件,并知道了给多个节点添加事件。。
js 事件集合链接
http://blog.csdn.net/wangzhuoyan/article/details/4239301/
反省下,今天遇到个问题就烦躁了,这种心态不好,以后要克制下自己的情绪。
评论