javascript之原生document.querySelector和querySelectorAll方法

querySelector和querySelectorAll是W3C提供的新的查询接口，其主要特点如下：

1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。

2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。

3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。

这两个方法都可以接受三种类型的参数：id(#)，class(.)，标签，很像jquery的选择器。

var obj = document.querySelector("#id");

var obj = document.querySelector(".classname");var obj = document.querySelector("div");

var el = document.body.querySelector("style[type='text/css'], style:not([type])");

var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");var elements = document.querySelectorAll("#id1, #id2, .class1, class2, div a, #list li img");

转载于:https://www.cnblogs.com/smivico/p/7885800.html

javascript之原生document.querySelector和querySelectorAll方法相关推荐

document.querySelector和querySelectorAll方法
querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下: 1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2. ...
[js] 写一个 document.querySelector 的逆方法
[js] 写一个 document.querySelector 的逆方法 document.queryNode = function(node){if(node.id){return '#'+ nod ...
javascript/dom:原生的JS写选项卡方法
来源:http://www.jb51.net/article/30108.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi ...
原生的强大DOM选择器querySelector - querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id ...
JavaScript中 querySelector 与 getElementById 方法的区别
1. 概述在看代码的时候发现基本上都是用 querySelector() 和 querySelectorAll() 来获取元素,疑惑为什么不用 getElementById(). 可能因为自己没用过 ...
JavaScript window.document的属性、方法和事件小结
javascript中window.document的属性.方法和事件的总结,有需要的朋友可参考一下本文章. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的 ...
【javaScript】原生实现窗口拖动效果
窗口拖动通过原生javaScript进行窗口拖动的实现一.功能通过javaScript实现自定义容器的拖动操作,通过拖动标题部分进行窗口的移动二.实现思路通过鼠标左键按下触发条件通过eve ...
强大的原生DOM选择器querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id ...
原生DOM选择器querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id ...

javascript之原生document.querySelector和querySelectorAll方法

javascript之原生document.querySelector和querySelectorAll方法相关推荐

最新文章

热门文章

javascript之 原生document.querySelector和querySelectorAll方法

javascript之 原生document.querySelector和querySelectorAll方法相关推荐

最新文章

热门文章

javascript之原生document.querySelector和querySelectorAll方法

javascript之原生document.querySelector和querySelectorAll方法相关推荐