发表于： 2017-04-17 23:50:34
1 803
任务进展：
完成js任务2人数分配功能。
遇到问题：
在参数设置按钮的onclick事件中加上禁用语句，防止重复点击。在input，input range和加减button的onclick事件中加上清除分配显示区元素的语句（使用inneHTML=""），和使参数设置按钮解除禁用的语句。即时获取人数值，根据4~6：杀手1人；7~11：杀手2人；12~15：杀手3人；16~18：杀手4人来分配人数，创建span元素节点分别表示小图标和文字，设置css样式，连接到显示区div元素节点上，点击参数设置按钮显示。
在清除显示时，一开始使用的并不是innerHTML，而是遍历显示div元素节点，而文字用的是文本节点textNode表示，在遍历子节点时获取不到，因而无法清除，怀疑是文本节点定义问题，其存储变量定义在分配函数内部，为局部变量，当函数调用结束时，局部变量销毁，span元素失去文本节点的指针，因而无法遍历到，明天修改试一试。
明日计划：
1.修改input range控件的默认样式。
2.开始js任务3。
收获：
学习了createElement()，cloneNode()，innerHTML和节点遍历的使用。
返回列表
评论