Как найти элемент по классу с помощью querySelector()?

Question

У меня есть кнопка на странице с классом copy_button, как мне найти ее по классу с помощью querySelector?

body{
    background-color: wheat;
}

.copy_button{
  height: 50px;
  width: 100px;
  color: white;
  background-color: #b3a58b;
  border-radius: 10px;
  border: 0px;
}

.copy_button:hover{
    background-color: #827865;
}

.copy_button:focus{
    outline: none;
}

<!DOCTYPE html>
<html>

 <head>
   <meta charset="UTF-8">
   <title>JS Test</title>
   <link rel="stylesheet" href="csscode.css">
 </head>

 <body>
   <button class="copy_button">Copy!</button>
   <script src="script.js"></script>
 </body>

</html>

Answer 1

эм.... document.querySelector('.copy_button')

alert(document.querySelector('.copy_button').textContent);

<button class="copy_button">Copy!</button>

БЛОГ НА HUSL

Как найти элемент по классу с помощью querySelector()?

Ответы (1 шт):