Как вывести на экран список, который был добавлен в массив?

<pre><code class="html">&lt;!doctype html&gt;
  • 12 апреля 2026 г. 15:00
Ответы на вопрос 1
Нужно немного больше контекста, но в общем случае есть два простых способа вывести содержимое массива как HTML-список: собрать строку с <li> и вставить её через innerHTML, или создать элементы <li> через createElement и добавлять их в DOM. Ниже — примеры на чистом JavaScript.

1) Через innerHTML (коротко):
```html
<!doctype html>
<html>
<body>
  <ul id="myList"></ul>

  <script>
    const arr = ['Первый', 'Второй', 'Третий'];
    const ul = document.getElementById('myList');

    // Собираем li и вставляем
    ul.innerHTML = arr.map(item => `<li>${item}</li>`).join('');
  </script>
</body>
</html>
```

2) Безопасно (чтобы избежать вставки HTML/скриптов) — через createElement / textContent:
```html
<!doctype html>
<html>
<body>
  <ul id="myList"></ul>

  <script>
    const arr = ['Первый', 'Второй', 'Третий'];
    const ul = document.getElementById('myList');

    arr.forEach(item => {
      const li = document.createElement('li');
      li.textContent = item; // textContent защищает от XSS
      ul.appendChild(li);
    });
  </script>
</body>
</html>
```

3) Если в массиве объекты:
```js
const people = [{name: 'Анна'}, {name: 'Борис'}];
people.forEach(p => {
  const li = document.createElement('li');
  li.textContent = p.name;
  document.getElementById('myList').appendChild(li);
});
```

4) Для отладки можно просто вывести в консоль:
```js
console.log(arr);
```
или показать как JSON на странице:
```js
document.body.textContent = JSON.stringify(arr, null, 2);
```

Если пришлёте свой код (что именно у вас в массиве и как вы его добавляете), я помогу вставить вывод именно в вашу страницу.
Похожие вопросы