发表于: 2017-06-14 23:45:02
1 1150
一、今天完成的事:
1.完成动态添加平民和杀手的列表;
2.通过随机数方法将杀手随机显示到列表中;
二、明天的计划:
1.完善JS任务2,熟悉任务3
三、遇到的问题:
1.动态添加杀手和平民列表的时候,开始直接先设置了18个li标签,然后直接更改li的内容,后来发现该方法较蠢,重新研究发现可以直接对ul动态添加li;
2.当input输入框输入异常数据的时候,发现虽然提示正常,但是不会清除之前的列表,查看后发现需要在函数之前先将ul赋值为空;
四、收获:
1、学习了如何动态添加标签,根据document.createElement,具体用法如下:
for (var i = 0; i < num.value; i++) {
var para = document.createElement("li");
var node = document.createTextNode(i + 1 + "号是水民");
para.appendChild(node);
var element = document.getElementById("content");
element.appendChild(para);
}
2、学习了如何通过标签属性直接操作dom节点信息,不用一直用id或者class
content1 = document.getElementsByTagName("li");
for (var c = 0; c < content1.length; c++) {
content1[c].innerHTML = '';
}
评论