Получение вложенных элементов, с помощью метода querySelector(), без использования классов

300
16 июня 2022, 23:30

Из элемента добавленного на страницу через innerHTML следующим образом:

priceContainer.innerHTML = `
<div class="productPriceTagsContainer">
  <button>+</button>
  <div> 
    Мне нужен этот div
  </div>
</div>
<label class="productPriceLabel">Цена <input /></label>`;

нужно получить вложенный <div>, с помощью метода querySelector().

Как это сделать?

Answer 1

document.body.innerHTML =
  `<div class="productPriceTagsContainer">
            <button>+</button>
            <div> 
                 Мне нужен этот div
            </div>
        </div>
        <label class="productPriceLabel">Цена <input /></label>`;
document.querySelector('div > div').style.color = 'red';

READ ALSO
React не правильно обновляется State redux
javascript

React не правильно обновляется State redux

При любом изменении инпута в state записывается и возвращается всегда один символ, который был нажат на клавиатуре последнимВозможно не внимательный...

 195
Как расширить меню в две стороны?
javascript

Как расширить меню в две стороны?

Как расширить меню в две стороны?

 243
как найти элемент в iframe?
javascript

как найти элемент в iframe?

помоги с проблемой, есть компонент в который входит iframe с видео youtubeДля этого компонента подготовил превьювер с кнопкой по нажатию на которую,...

 241
Разбиение последовательности на две, суммы которых равны или приближенные
javascript

Разбиение последовательности на две, суммы которых равны или приближенные

Есть последовательность, например:

 151