msvystun
@msvystun

Почему не работает querySelectorAll(...).classList.add(...)?

В html есть шаблон для копирования тег template в нем список ul > li, хочу добавить для li class через classList.add

<template id="map-card">
             <article>
				<ul class="popup__features">
					<li class="feature"></li>
				</ul>
            </article>
            <div class="ava-button">
                <button style="left: 200px; top: 400px;" class="map__pin"><img src="img/avatars/user05.png" width="40" height="40" draggable="false"></button>
            </div>
    </template>


var similarCardElement = document.querySelector('.map');
var cardTemplate = document.querySelector('#map-card')
    .content
    .querySelector('.map__card');

var cardElement = cardTemplate.cloneNode(true);

cardElement.querySelectorAll('ul li.feature').classList.add('feature--wifi');

similarCardElement.appendChild(cardElement);
  • Вопрос задан
  • 652 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
querySelectorAll возвращает не элемент, а коллекцию элементов NodeList. Если нужно изменить один элемент, то используйте querySelector. Если много, проходите эти элементы в цикле и добавляйте класс.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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