获得徽章 0
赞了这篇沸点
拖了好久，终于重设计及用 Bulma CSS framework 重构了网站，大约花了2天时间，框架用的是 Nuxt.js 2.9， 准备接下来给头图加些互动效果，欢迎访问指教 
：
www.millielin.com
：
www.millielin.com 
16
32
赞了这篇沸点
今天整理笔记的时候发现抽屉笔记本里面第一个知识点：
元素选取：querySelector("#id")
突然就很好奇，querySelect系和getElementById系之间有什么共同点和差别。
当然共同点就是两个都能选取元素，于是就稍微搜索了下区别：
区别1，归属：
querySelector 系属于 W3C 中的 Selectors API 规范 ；而 getElementsBy 系则属于 W3C 的 DOM 规范。
区别2，结果：
getElementsBy 系获取的是动态集合，querySelector系获取的是静态集合。
区别3，性能：
我用了一个挺早以前的测试页面（应该还是准的），结果是getElementsBy 系速度远超querySelector 系，结果图放下面。
区别4，用于：
getElementsBy 只能用于document；querySelector系则可以用于元素，可以在指定的elem元素中搜索指定的选择器。
区别5，兼容：
getElementById支持所有浏览器；querySelector稍差，详情见图
暂时就这些差别了我发现的，大家有什么补充或者我哪里有问题的欢迎反馈
以下是我参考的文章和测试站点：
文章列表：
www.w3cplus.com
（【*****】）
www.jianshu.com
（【****】）
www.cnblogs.com
（【***】）
blog.csdn.net
（【**】）
www.cnblogs.com
（【**】）
测试网站：
jsperf.com
（求赞谢谢）
元素选取：querySelector("#id")
突然就很好奇，querySelect系和getElementById系之间有什么共同点和差别。
当然共同点就是两个都能选取元素，于是就稍微搜索了下区别：
区别1，归属：
querySelector 系属于 W3C 中的 Selectors API 规范 ；而 getElementsBy 系则属于 W3C 的 DOM 规范。
区别2，结果：
getElementsBy 系获取的是动态集合，querySelector系获取的是静态集合。
区别3，性能：
我用了一个挺早以前的测试页面（应该还是准的），结果是getElementsBy 系速度远超querySelector 系，结果图放下面。
区别4，用于：
getElementsBy 只能用于document；querySelector系则可以用于元素，可以在指定的elem元素中搜索指定的选择器。
区别5，兼容：
getElementById支持所有浏览器；querySelector稍差，详情见图
暂时就这些差别了我发现的，大家有什么补充或者我哪里有问题的欢迎反馈
以下是我参考的文章和测试站点：
文章列表：
www.w3cplus.com（【*****】）
www.jianshu.com（【****】）
www.cnblogs.com（【***】）
blog.csdn.net（【**】）
www.cnblogs.com（【**】）
测试网站：
jsperf.com（求赞谢谢）
展开
9
16
赞了这篇沸点
3
160
赞了这篇沸点
