井井客

搜索

jS原生获取页面中所有的checkbox

好像平时太过依赖JQ,在遇到“如何通过jS原生获取页面中所有的checkbox”的问题时愣住了,感觉路漫漫啊!

jS原生获取页面中所有的checkbox

在网上无意中看到的一个面试题,有get到新知识,所以拿出来分享一下~代码如下:

<script>
var inputList = document.getElementsByTagName('input')
var checkBoxList = [];
var len = inputList.length;  //缓存到局部变量
while (len--) {  //使用while的效率会比for循环更高
  if (domList[len].type == 'checkbox') {
  	checkBoxList.push(inputList[len]);
  }
}
</script>

代码虽短,但是除了正常的语句,注释里面的话也值得一看。之前while的逻辑很少用,大部分都是用的if和for,平时使用也是怎么方便怎么来,并没有去考虑性能。

暂且不论这句话正确与否(刚才百度了一下,没有找到官方的性能说明),但是也算给我敲了一下警钟,在写代码的时候,也要考虑一下哪种写法最合适,性能方便也要考虑。

文章不长,但是好像最后有点跑题了?(???)?

文章TAG:js

作者:井井客整理来源:互联网
本文标题:jS原生获取页面中所有的checkbox
本文链接:/c/01138.html

上一篇:JS单张图片上传本地预览(dataURL-base64)
下一篇:原生JS实现ajax的两种方法

文章分类

相关阅读

随便看看