Показать сообщение отдельно
  #28 (permalink)  
Старый 31.07.2014, 14:29
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,127

Сообщение от 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>
Ответить с цитированием