发表于: 2017-07-26 22:52:33
1 545
今天完成的事情:编写js任务一,使用document.getElementsByClassName提取同类名的元素到一个数组;
通过random设置随机数,从数组中随机选取元素变更改样式;
使用splice进行去重。
明天计划的事情:完成任务一,完成小课堂。
遇到的问题:使用splice去重时发现错误,后来新建一个数组,将通过classname获取的元素放到新数组中。classname获取到的应该是个集合,不能算是一个数组。
收获:splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。arrayObject.splice(index,howmany,item1,.....,itemX)
可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取需要的那个元素。
设置随机颜色的函数:
function bg1() {
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
return "rgb(" + r + ',' + g + ',' + b + ")";
}
评论