Добры день. Возможно мой вопрос покажется детским, но меня очень волнует вопрос как создавать многоуровневые списки по средствам JS ?
Как сделать добавление подпунктов списка?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>List</title>
</head>
<body>
<div id="list"></div>
<script>
var div = document.getElementById('list');
var ul = document.createElement('ul');
var li = document.createElement('li');
div.appendChild(ul);
ul.appendChild(li);
li.innerHTML = "Эта строка списка создана в JS";
li.innerHTML = "Эта должна была быть вторая строка созданая в JS";
</script>
</body>
</html>
У меня вышло так что первый элемент списка переопределился второй строкой, а как создать новую строку. (или вообще как создать список из li [n] элементов?
Я понимаю, что список по своему подобию есть массивом данных, но как сделать ориентацию в этом массиве не пойму.