querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。 目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、O ...
分类：
编程语言 时间：
2017-05-10 11:25:35
阅读次数：
117
DOM扩展
选择符API
querySelector方法
querySelectorAll方法
matchesSelector方法
元素遍历
HTML5
与类相关的补充
getElementsBy...
分类：
其他好文 时间：
2017-04-27 12:35:18
阅读次数：
250
一、接口的流畅性 好的接口是流畅易懂的，他主要体现如下几个方面： 1.简单 操作某个元素的css属性，下面是原生的方法: document.querySelector('#id').style.color = 'red'; 封装之后 function a(selector, color) { doc ...
分类：
编程语言 时间：
2017-04-14 00:21:38
阅读次数：
171
querySelector和querySelectorAll是W3C提供的 新的查询接口，其主要特点如下： 1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组 ...
分类：
其他好文 时间：
2017-04-11 17:13:24
阅读次数：
253
HTML5向Web API新引入了 document.querySelector()和document.querySelectorAll()两个方法，都可以接收三种类型的参数：id(#)，class(,)，标签，就像jquery选择器，参数需要是合法的CSS选择语法。 用起来更方便的从DOM中选取元 ...
分类：
其他好文 时间：
2017-03-31 15:00:30
阅读次数：
139
很久以来我获取dom节点的方式都是getElementById,queryselector,queryselectorAll这三个为核心，一直认为有些API并没那么好用而选择弃用，直到后来。。。看到了关于getElementsByTagName的一个特性-动态，直接刷新了我对这个API的认知（果然基 ...
分类：
其他好文 时间：
2017-03-24 22:50:20
阅读次数：
952
<body> <input type="text"> <input type="search" class="search"> <script> // 获得焦点 onfocus document.querySelector("input"). onfocus = function(){ this.v ...
分类：
其他好文 时间：
2017-03-10 20:47:39
阅读次数：
110
1.querySelector 返回文档中匹配指定css选择器的一个元素. 注意：uerySelector() 方法仅仅返回匹配指定选择器的第一个元素 如果你需要返回所有的元素，请使用 querySelectorAll() 语法：document.querySelector(CSS selector ...
分类：
Web程序 时间：
2017-02-25 01:00:18
阅读次数：
222
document.getElementById() document.getElementsTagName() css的document.getElemensBytClassName() selector语法querySelector()和querySelectorAll() 兼容性:IE8<=不支 ...
分类：
Web程序 时间：
2017-02-14 19:04:56
阅读次数：
229
javascript高级程序设计 第十一章--DOM扩展DOM最主要的扩展就是选择符API、HTML5和Element Traversal Selectors API：定义了两个方法 querySelector() 和 querySelectorAll()，能够基于CSS选择符从DOM中取得元素。q ...
分类：
编程语言 时间：
2017-02-12 22:17:56
阅读次数：
228
