溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是querySelector的使用方法是什么，相信很多人都不太了解，為了讓大家更加了解querySelector的使用方法，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
querySelector() 方法可以用于返回文檔中匹配指定 CSS 選擇器的一個元素，如果需要返回所有的元素，就需要使用querySelectorAll() 方法替代。
我們先來看一下querySelector()的基本語法
document.querySelector(CSS selectors)
CSS selectors表示一個或多個匹配元素的 CSS 選擇器。 可以使用它們的 id, 類, 類型, 屬性, 屬性值等來選取元素。
注意：對于多個選擇器，使用逗號隔開。
下面我們來看具體示例
代碼如下
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h3 class="example">文本的標題</h3>
<p class="example"> 文本的段落。</p>
<button onclick="myFunction()">按鈕</button>
<script>
function myFunction() {
document.querySelector(".example").style.backgroundColor = "red";
}
</script>
</body>
</html>效果如下：當點擊“按鈕”后，文本標題的背景顏色就會變成如下所示的紅色
關于querySelector的使用方法是什么就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
