首頁猿問請各位大佬指點！document....

請各位大佬指點！document.querySelector()使用過程中發(fā)現(xiàn)存在一些問題

JavaScript

蕪湖不蕪 2019-06-18 09:29:41

querySelector相較getElement系列。。。為什么會存在性能問題？我看網(wǎng)上沒有很好的解答。既然存在性能問題，為什么很多庫里面也大量使用該方法？

查看完整描述

2 回答

四季花海

TA貢獻(xiàn)1811條經(jīng)驗獲得超5個贊

感覺應(yīng)該是querySelector支持通用選擇器的寫法，而getElemet(s)ByXXX系列則一開始就限制了能使用的選擇器類型，這會導(dǎo)致前者每次都需要完整得解析整個選擇器文本（過程中需要檢查是否有語法錯誤）然后再去DOM樹里找，而后者一開始就知道你給它的選擇器文本是不是有效的。

現(xiàn)代瀏覽器提供了querySelector和querySelectorAll這兩API。它們用來查詢匹配CSS選擇器的單個或多個元素。這類似CSS選擇器：用class或ID選取元素。如果你沒有用過它們，MDN上有非常棒的介紹。

反對回復(fù) 2019-06-18