Как собрать в массив информацию из DOM-элементов?

Question

[Queen2]

let a = Array.from(document.querySelectorAll('.menu'));

После такого кода мне собирает все элементы с классом menu в массив, но мне нужно именно то, что находиться внутри этих элементов.
Пробовал

let a = Array.from(document.querySelectorAll('.menu').innerHTML);

Но выдает ошибку.

Answer 1

[Floydreme]

Array.from(document.querySelectorAll('.menu')).map(selector => selector.innerHTML);

Answer 2

[Tim]

Если есть вложения, то нужно менять в callback. Например node.querySelector('.title').textContent

<div class="menu">menu 1</div>
<div class="menu">menu 2</div>
<div class="menu">menu 3</div>
<div class="menu">menu 4</div>
<div class="menu">menu 5</div>

Array.from(document.querySelectorAll('.menu'), node => node.textContent);
//["menu 1","menu 2","menu 3","menu 4","menu 5"]

Answer 3

[dollar]

Например так:

let b = Array.from(a.querySelectorAll('div.name'));
let c = Array.from(a.querySelector('div.name'));

//a[0].innerHTML
//b[0].innerHTML
//c.innerHTML