发表于: 2017-06-14 23:45:02

1 1151


一、今天完成的事:

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 = '';
}



返回列表 返回列表
评论

    分享到