Метод forEach() класса NodeList HTML DOM

  • Предыдущая страница entries()
  • Следующая страница item()
  • Вернуться на один уровень выше NodeList DOM HTML

Определение и использование

Метод forEach() выполняет回调-функцию для каждого узла в NodeList.

Пример

Пример 1

Выполнить функцию для каждого подузла документа:

const list = document.body.childNodes;
list.forEach(
  function(node, index) {
    text += index + " " + node;
  }
);

Попробуйте сами

Пример 2

Перечислить имена документовых подузлов:

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

Попробуйте сами

Пример 3

Перечислить типы документовых подузлов:

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

Попробуйте сами

Синтаксис

nodelist.forEach(function(currentValue, index, arr) thisValue)

Параметры

Параметры Описание
function() Необязательно. Функция, выполняемая для каждого узла.
currentValue Необязательно. Значение текущего узла.
index Опционально. Индекс текущего узла.
arr Опционально. NodeList текущего узла.
thisValue

Опционально. По умолчанию undefined.

Как значение this передается функции.

Возврат значения

Нет.

Поддержка браузеров

nodelist.forEach() является особенностью DOM Level 4 (2015).

Все современные браузеры поддерживают его:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Internet Explorer 11 (или более ранние версии) не поддерживает nodelist.forEach().

Связанные страницы

Атрибут length

Метод entries()

Метод item()

Метод keys()

Метод values()

Объект NodeList

Метод childNodes()

Метод querySelectorAll()

Метод getElementsByName()

  • Предыдущая страница entries()
  • Следующая страница item()
  • Вернуться на один уровень выше NodeList DOM HTML