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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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