Сообщение от melky
|
Сообщение от MallSerg
в случае с innerHTML элемент будет пересоздаваться 1000 раз
в случае appendChild ....
докажи на примере консольки хрома или IE11
|
<div id="first"><a id="ele">Известно</a></div>
<form name="frm">
<input type="button" name="b1" value=".innerText +=" />
<input type="button" name="b2" value=".appendChild" />
</form>
<script type="text/javascript">
var f = document.getElementById ("first");
document.frm.b1.onclick = function (){
// показывает что все элементы внутни f создаются заного
var first = document.getElementById ("ele");
f.innerHTML += "<a> + добавка</a>";
var second = document.getElementById ("ele");
alert ( (first === second) );
}
document.frm.b2.onclick = function (){
// ссылка неизменна показывает что все элементы внутни f остались прежними
var a = document.createElement('a');
a.innerHTML = "<a> + добавка</a>";
var first = document.getElementById ("ele");
f.appendChild(a);
var second = document.getElementById ("ele");
alert ( (first === second) );
}
</script>