1

У меня есть функция treatment(arr). Она принимает один параметр - массив элементов, находящихся внутри тега <div id="list">...</div>. Как мне получить такой массив?

...
var arr = ...; // Массив
var button = document.getElementById('treatment');
button.onclick = function() {
    treatment(arr);
}
...
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body style="margin: 0px;">
  ...
  <div id="list">
      <div class="block">
          <h1 class="title">Item #1</h1>
          <div style="background: url('../img/icon/1.jpg');">
            Lorem ipsum dolor sit amet.
          </div>
      </div>
      <div class="block">
          <h1 class="title">Item #2</h1>
          <div style="background: url('../img/icon/2.jpg');">
            Lorem ipsum dolor sit amet.
          </div>
      </div>
      <div class="block">
          <h1 class="title">Item #3</h1>
          <div style="background: url('../img/icon/3.jpg');">
            Lorem ipsum dolor sit amet.
          </div>
      </div>
  </div>
  ...
  <button id="treatment"></button>
</body>
</html>

1 ответ 1

5
 Array.from(document.getElementById('list').children)
2
  • 5
    или [...document.querySelectorAll("#list > *")] 16 мая 2020 в 19:41
  • 2
    Да, так можно. С точки зрения производительности кода, достать элемент по id и получить доступ к свойству будет работать быстрее, чем бежать по всему DOM-дереву с помощью querySelectorAll
    – Yugofx
    16 мая 2020 в 19:55

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.