Используя jQuery, что является различием в производительности между использованием:
$('#somDiv').empty().append('text To Insert')
и
$('#somDiv').html('text To Insert')
?
$ ('# somDiv'). Html (значение)
эквивалентно $ ('# somDiv'). Empty (). Append (значение)
.
Источник: Источник jQuery .
Простыми словами:
$('#somDiv').append('blabla')
работает так:
<div id='somDiv'>some text</div>
становится:
<div id='somDiv'>some textblabla</div>
И innerHTML заменяет содержимое, поэтому оно становится таким:
<div id='somDiv'>blabla</div>
.html перезапишет содержимое DIV.
.append добавит к содержимому DIV.
Правильный синтаксис:
$("#somDiv").html("<span>Hello world</span>");