各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析_jquery

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 21:03:12

各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析_jquery

各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析_jquery:querySelector和querySelectorAll是W3C提供的新的查詢接口代碼如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); Nod

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析_jquery:querySelector和querySelectorAll是W3C提供的新的查詢接口代碼如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); Nod

querySelector和querySelectorAll是W3C提供的新的查詢接口
代碼如下:
module dom {
[Supplemental, NoInterfaceObject]
interface NodeSelector {
Element querySelector(in DOMString selectors);
NodeList querySelectorAll(in DOMString selectors);
};
Document implements NodeSelector;
DocumentFragment implements NodeSelector;
Element implements NodeSelector;
};
[html]
從接口定義可以看到Document、DocumentFragment、Element都實(shí)現(xiàn)了NodeSelector接口。即這三種類型的元素都擁有者兩個(gè)方法。querySelector和querySelectorAll的參數(shù)須是符合 css selector 的字符串。不同的是querySelector返回的是一個(gè)對(duì)象，querySelectorAll返回的一個(gè)集合(NodeList)。

目前 IE8/9及Firefox/Chrome/Safari/Opera 的最新版已經(jīng)支持它們。

如想獲取頁(yè)面class屬性為"red"的元素，除了使用document.getElementsByClassName('red')還可以使用document.querySelector('.red')和document.querySelectorAll('.red')。

但Element.querySelector和Element.querySelectorAll的實(shí)現(xiàn)有錯(cuò)誤，如下

[code]

SINA

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com