Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Пример работы с объектной моделью документа 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>

.