HTML | DOM querySelector() 方法

HTML 中的querySelector()方法用于返回与文档中指定的 CSS 选择器匹配的第一个元素。
注意： querySelector() 方法只返回匹配指定选择器的第一个元素。要返回所有匹配项，请使用 querySelectorAll() 方法。
句法：

element.querySelector(selectors)

选择器是必填字段。它指定一个或多个 CSS 选择器来匹配元素。这些选择器用于根据 id、类、类型等选择 HTML 元素。
在多个选择器的情况下，使用逗号分隔每个选择器。文档中最先出现的元素是返回的元素。
例子：

HTML

    
        DOM querySelector() Method
    
    
        GeeksforGeeks
        querySelector() Method
        
             
This is paragraph 1.
 
             
This is paragraph 2.
 
        
        Try it
        
        function myFunction() {
          var x = document.getElementById("myDIV");
          x.querySelector("p").style.backgroundColor = "Green";
          x.querySelector("p").style.color = "white";
        }
        
    

输出：

点击按钮后：

支持的浏览器： querySelector() 方法支持的浏览器如下：

• 谷歌浏览器 4.0
• 浏览器 8.0
• 火狐 3.5
• 歌剧 10.0
• Safari 3.2