原文:JavaScript中querySelector()和getElementById()(getXXXByXX)的區別

在日常開發中,使用JavaScript獲取元素的時候,最常用的方法就是document.getElementById getXXXByXX 方法。但是最近發現有很多地方使用的是querySelector方法而不是使用前面的方法。去官方文檔查看是這么說的: 文檔對象模型Document引用的querySelector 方法返回文檔中與指定選擇器或選擇器組匹配的第一個 html元素Element。如果 ...

2019-05-10 16:05 0 1856 推薦指數:

查看詳情

getElementByIdquerySelector方法的區別

習慣了用jQ查找元素,有時候我們不妨試試js原生的DOM選擇符,getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。說不定一不小心就發現彩蛋了。 那么我們來說說上面那幾個方法 ...

Wed May 03 08:39:00 CST 2017 2 16886
getElementByIdquerySelector方法的區別

1.getXXXByXXX 獲取的是動態集合,querySelector獲取的是靜態集合。   舉例:    2.querySelector和querySelectorAll   querySelector()方法僅僅放回配置指定選擇器的第一個元素 ...

Fri Sep 21 02:34:00 CST 2018 0 1049
querySelectorgetElementById之間的區別

一、概述   今天在看js的時候發現里面的代碼基本上都是用querySelector()和querySelectorAll()來獲取元素,就有點疑惑為什么不用getElementById(),可能也是因為自己沒用過那兩個,所以並不清楚原因所在。   參考手冊上寫querySelector ...

Fri May 24 02:22:00 CST 2019 0 5355
document.getElementById和document.querySelector區別

zepto的$(".111")出錯,jQuery$(".111")不出錯的原因: zepto用document.querySelector實現,jQuery用document.getElementById實現。 二者區別:http://www.zhihu.com/question ...

Mon Sep 14 18:44:00 CST 2015 0 3205
javaScriptquerySelector和querySelectorAll

querySelector和querySelectorAll是W3C提供的 新的查詢接口,其主要特點如下: 1、querySelector只返回匹配的第一個元素,如果沒有匹配項,返回null。 2、querySelectorAll返回匹配的元素集合,如果沒有匹配項,返回空的nodelist(節點 ...

Thu Sep 19 18:39:00 CST 2019 0 962
vueref與getElementByID區別

1 用在常規元素 ref與getElement獲取到的內容相同 在網上查到有描述說ref的方式相比getElement會減少獲取dom節點的消耗,未證實,這里記錄 2 用在組件 2.1 單獨使用 ref獲取到的是組件對象,可以調用到該對象下的屬性 ...

Wed Nov 03 00:02:00 CST 2021 0 877
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM