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

1、querySelector只返回匹配的第一個元素，如果沒有匹配項，返回null。? 2、querySelectorAll返回匹配的元素集合，如果沒有匹配項，返回空的nodelist(節(jié)點數(shù)組)。? 3、返回的結(jié)果是靜態(tài)的，之后對document結(jié)構(gòu)的改變不會影響到之前取到的結(jié)果。? 這兩個方法都可以接受三種類型的參數(shù)：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");

轉(zhuǎn)載于:https://www.cnblogs.com/smivico/p/7885800.html

總結(jié)

以上是生活随笔為你收集整理的javascript之 原生document.querySelector和querySelectorAll方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。