@fleksss_pod_papicha

Не работает querySelector, почему?

Вот html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="main.js"></script>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="calc_wrapper">
            <form action="#" class="calc_form">
                <input type="text" class="calc_field">
                <div class="calc_buttons">
                    <a href="#" class="calc_button">sqrt</a>
                    <a href="#" class="calc_button">power</a>
                    <a href="#" class="calc_button">C</a>
                    <a href="#" class="calc_button">CA</a>
                    <a href="#" class="calc_button">7</a>
                    <a href="#" class="calc_button">8</a>
                    <a href="#" class="calc_button">9</a>
                    <a href="#" class="calc_button">/</a>
                    <a href="#" class="calc_button">4</a>
                    <a href="#" class="calc_button">5</a>
                    <a href="#" class="calc_button">6</a>
                    <a href="#" class="calc_button">*</a>
                    <a href="#" class="calc_button">1</a>
                    <a href="#" class="calc_button">2</a>
                    <a href="#" class="calc_button">3</a>
                    <a href="#" class="calc_button">+</a>
                    <a href="#" class="calc_button">0</a>
                    <a href="#" class="calc_button">.</a>
                    <a href="#" class="calc_button">=</a>
                    <a href="#" class="calc_button">-</a>
                </div>
            </form>
        </div>
    </div>
</body>
</html>

Вот js
const numbers_list = document.querySelectorAll(".calc_button")
console.log(numbers_list)

С getElementById и getElementByClassName работает нормально, а querySelector не находит элементы
  • Вопрос задан
  • 68 просмотров
Решения вопроса 2
Bavashi
@Bavashi
а querySelector не находит элементы

Почему не находит? Вот же:
const numbers_list = document.querySelectorAll(".calc_button")
for (var i=0; i<numbers_list.length; i++){
	console.log(numbers_list[i].textContent);
}
Ответ написан
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Да ладно.


"numbers_list=" "<a href='#' class='calc_button'>sqrt</a>"
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы