Вставка тегов методом innerHTML
Здравствуйте.
index.html <div id="app"> </div> <script src="main.js"></script> main.js
let app = document.getElementById('app');
app.innerHTML+="<ul>";
for(let i=0; i<3; i++)
app.innerHTML += `<li>innerText${i}</li>`;
app.innerHTML+="</ul>";
Получается: <ul></ul> <li>innerText0</li> <li>innerText1</li> <li>innerText2</li> Почему так получается? Почему тег <ul> закрывается сразу? |
Цитата:
Формируй всю строку, потом присваивай. Или пользуйся нативными методами создания и вставки элементов... |
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
var el = document.createElement('ul'), i=3;
while(i--) el.innerHTML += '<li>innerText</li>';
document.body.appendChild(el);
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 00:23. |