Пример работы с объектной моделью документа DOM на JavaScript

Добавление и изменение элемента узла с помощью appendChild

Добавить и Заменить текст

Этот старый параграф текста на странице.

Исходный код этого примера:

<script type="text/javascript">
function modify() {
         var newElem = document.createElement("p");
         newElem.id = "newP";
         var newText = document.createTextNode("Это новый второй параграф.");
         newElem.appendChild(newText);
         document.body.appendChild(newElem);
         document.getElementById("em1").childNodes[0].nodeValue = "Первый";
}
</script>

<h1>Пример работы с объектной моделью документа DOM на JavaScript</h1>

<h2>Добавление и изменение элемента узла с помощью appendChild</h2>

<button onclick="modify()">Добавить и Заменить текст</button>

<p>Этот <em id="em1">старый</em> параграф текста на странице.</p>