Как сохранять в array данные, которых содержит <li>? [удвоенная]

Этот вопрос - точный дубликат:

У меня есть список типа

    и я хочу пробежать этот список, чтобы возвращать данные, которых он содержит каждый
  • и сохранять их в array

0
задан 07.11.2019, 03:05
2 ответа

podrГ-схвати делать это asГ-:

let lista = document.getElementById("elIdQueTengaLaLista");
let items = lista.getElementsByTagName("li");

for (let i=0; i<items.length; ++i) {
  // Aquí accedes a cada item de la lista así: items[i]
  // Por ejemplo si quieres leer el contenido de cada item, sería así
  items[i].innerHTML
}
0
ответ дан 01.12.2019, 12:27

Чтобы этого добиваться я предлагаю тебе следующего cГіdigo

function getDataFromList(id) {
  let data = [...document.querySelectorAll(`#${id} li`)]
    .map(element => element.innerText);

  console.log(data);
}

getDataFromList('lista');
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <ul id="lista">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>

  <script src="aux.js"></script>
</body>
</html>

Благодаря ей funciГіn querySelectorAll ты можешь получать все li во внутреннее помещение одного будьте даны, потом с оператором... spread и квадратные скобки ты превращаешь найденное в договоренность, что ты в конце концов можешь mapear как контент текста каждого элемента, если то, что ты ищешь, состоит в том, чтобы сохранять внутренний HTML каждых li deberГЎs менять innerText на innerHTML.

0
ответ дан 01.12.2019, 12:27