Пример работы с объектной моделью документа 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.getElementById("nodes").appendChild(newElem);
         document.getElementById("em1").childNodes[0].nodeValue = "измененный";
}
</script>
<button onclick="modify()">Добавить и Заменить текст</button>
<div id="nodes">
    <p>Это первый <em id="em1">исходный</em> абзац текста на странице.</p>
</div>