Как получить все вложенные элементы JS?

Question

[vjufvufcgyf]

допустим

<div>
	<div>
		<div>
		</div>
	</div>	
</div>

я хочу получить все три элемента, при этом знать уровень вложенности каждого

Comments

[reinmaker90]

Все тут, вообще гугл отличная штука!

[vjufvufcgyf]

reinmaker90, нет, гугл, пока что плохая штука, потому что Node.children выводит ТОЛЬКО дочерние элементы, а не все вложенные.

[reinmaker90]

vjufvufcgyf, , вот все вложенные в div.wr

[vjufvufcgyf]

reinmaker90, как ты это сделал?

[reinmaker90]

vjufvufcgyf, я вам написал метод, далее используйте циклы, если я не путаю то можно и наверное правильно рекурсивно получить все вложенные divы

Answer 1

[0xD34F]

const getElementsWithDepth = (el, level = 0) =>
  [...el.children].reduce((acc, n) => {
    acc.push(...getElementsWithDepth(n, level + 1));
    return acc;
  }, [ { el, level } ]);

Answer 2

[Воващ]

Node.childNodes возвращает коллекцию дочерних элементов данного элемента.