Этот вопрос может быть глупым или базовым.
Может кто-нибудь объяснить, что является лучшим методом при добавлении элементов DOM. У нас есть два способа добавления элементов DOM.
Сценарий: Нужно добавить <strong>Hi</strong>
в существующий <div id="theEl"></div>
.
-
Изменив HTML-код внутри них.
document.getElementById("theEl").innerHTML = '<strong>Hi</strong>';
-
Используя
document.createElement()
.var hi = document.createTextNode("Hi"), strong = document.createElement("strong"); strong.appendChild(hi); mydiv = document.getElementById("theEl"); document.body.insertBefore(strong, mydiv);
Вопросы
- Каков наилучший способ? Один из них - одна строка, другая - около пяти строк.
- Каков аспект производительности?
- Каков правильный путь или лучшая практика?
- Есть ли разница между кодами в целом?
Если вообще этот вопрос не имеет смысла, пожалуйста, дайте мне знать, я буду рад закрыть это или даже удалить это. Спасибо.
Обновление
Для закрытого избирателя это не будет дублировать этот вопрос. Одна вещь, которую я только что заметил, заключается в использовании createElement()
обработчиков событий, прикрепленных к элементу. Несмотря на то, что хорошая точка зрения, любая базовая веб-страница тоже имеет jQuery, которая предоставляет делегацию и такие материалы, которые позволяют мне связать событие с элементом даже после изменения HTML.
Ребята, пожалуйста, будьте спокойны при закрытых голосах. Вид исследования.