【Vue原始碼】document.querySelector()方法
阿新 • • 發佈:2020-07-28
HTML 的DOM querySelector()方法可以不需要額外的jQuery等支援,也可以方便的獲取DOM元素,語法跟jQuery類似。
獲取文件中id=”container”的元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="contatiner">huang</div><script type="text/javascript"> var destination = document.querySelector("#contatiner"); console.log(destination); </script> </body> </html>
注意: querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素,請使用 querySelectorAll() 方法替代。
引數型別可以為如下:
- 指定一個或多個匹配元素的 CSS 選擇器。 可以使用它們的 id, 類, 型別, 屬性, 屬性值等來選取元素。
- 對於多個選擇器,使用逗號隔開,返回一個匹配的元素。