【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, 類, 型別, 屬性, 屬性值等來選取元素。
- 對於多個選擇器，使用逗號隔開，返回一個匹配的元素。