быстрый вопрос, я знаю, что мы можем изменить содержание
<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';