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