Question

javascript题目：获取所有的checkbox？

答案是
var domList = document.getElementsByTagName(‘input’)
var checkBoxList = [];
var len = domList.length;　　//缓存到局部变量
while (len--) {　　//使用while的效率会比for循环更高
　　if (domList[len].type == ‘checkbox’) {
　　checkBoxList.push(domList[len]);
　　}
}
看不懂，求解释

Answer 1

var domList = document.getElementsByTagName(‘input’)  // checkbox属于input，所以通过getElementsByTagName即标签名获取所有的input数组，包含文本框text，单选按钮radio，复选框checkbox等等
var checkBoxList = [];  // 定义一个存储checkbox的空数组
var len = domList.length;　　//缓存到局部变量  // 第一步获取的数组的长度
while (len--) {　　//使用while的效率会比for循环更高   // 开始循环判断
　　if (domList[len].type == ‘checkbox’) {   // 如果类型为checkbox即为题目所需的复选框
  　　checkBoxList.push(domList[len]);          // 就把那个元素加入到上面定义的数组中
　　}  
}

Answer 2

var domList = document.getElementsByTagName(‘input’) //先找到所有的input
var checkBoxList = []; //定义一个数组，用来存放checkbox类型的input
var len = domList.length;　　//所有input的个数
while (len--) {　　//while循环，
　　if (domList[len].type == ‘checkbox’) { //判断如果该input的类型是checkbox
　　checkBoxList.push(domList[len]); //就将改input对象压入到上面定义的数组中
　　}
}

Answer 3

domlist得到所有的节点对象的集合
然后while循环啊，当这个对象的type是checkbox的时候就给选中
怎么看不懂？
其实有更简单的，这个方法比较绕了

如果是新手，看代码切记不要一行一行看，每行都理解，
看字面意思，了解大概就行了。工作中不需要你逐行逐字的翻译代码，只要求你
有阅读修改临摹的能力！