javascript innerHTML добавление вместо замены

быстрый вопрос, я знаю, что мы можем изменить содержание

<div id="whatEverId">hello one<div> , используя:

 document.getElementById("whatEverId").innerHTML="hello two"; 

теперь, есть ли способ, которым я могу добавлять данные в div вместо замены? так что я могу получить

<div id="whatEverId">hello one hello two<div>

(используя что-то подобное, конечно)

 <div id="whatever">hello one</div> <script> document.getElementById("whatever").innerHTML += " hello two"; </script> 
 document.getElementById("whatEverId").innerHTML = document.getElementById("whatEverId").innerHTML + "hello two" + document.getElementById("whatEverId").innerHTM ; 

Предлагаемый вариант jcomeau_ictx является неэффективным способом редактирования innerHTML. Проверьте PPT Ben Cherry http://www.bcherry.net/talks/js-better-faster

Правильный способ – отделить элемент и внести в него изменения, а затем добавить его обратно в родительский узел. Используйте https://gist.github.com/cowboy/938767 Исходный javascript из этого эффекта, чтобы отсоединить элемент.

Если вы добавляете, вы можете просто изменить свой = на + =

document.getElementById ("whatEverId"). innerHTML + = 'hello two';

Если префикс

document.getElementById ("whatEverId"). innerHTML = 'hello two' + document.getElementById ("whatEverId"). innerHTML;

Хотя я бы настоятельно рекомендовал использовать jQuery или MooTools javascript библиотеки / фреймворки, чтобы делать такие вещи. Если вы добавляете теги не только текстовые узлы, тогда вы должны использовать элемент создания DOM или одну из вышеупомянутых библиотек / фреймворков.

Вы можете сделать это, добавив строку div, как это.

document.getElementById ('div_id'). innerHTML + = 'Hello Two';