Книга: Выразительный JavaScript
Меняем документ
Меняем документ
Почти всё в структуре DOM можно менять. У узлов-элементов есть набор методов, которые используются для их изменения. Метод removeChild
удаляет заданную дочерний узел. Для добавления узла можно использовать appendChild
, который добавляет узел в конец списка, либо insertBefore
, добавляющий узел, переданную первым аргументом, перед узлом, переданным вторым аргументом.
<p>Один</p>
<p>Два</p>
<p>Три</p>
<script>
var paragraphs = document.body.getElementsByTagName("p");
document.body.insertBefore(paragraphs[2], paragraphs[0]);
</script>
Узел может существовать в документе только в одном месте. Поэтому вставляя параграф «Три» перед параграфом «Один» мы фактически удаляем его из конца списка и вставляем в начало, и получаем «Три/Один/Два». Все операции по вставке узла приведут к его исчезновению с текущей позиции (если у него таковая была).
Метод replaceChild
используется для замены одного дочернего узла другим. Он принимает два узла: новый, и тот, который надо заменить. Заменяемый узел должен быть дочерним узлом того элемента, чей метод мы вызываем. Как replaceChild
, так и insertBefore
в качестве первого аргумента ожидают получить новый узел.
- Другие настройки реестра, изменяемые оснасткой
- Основные термины, применяемые при работе с ЭЦП
- 1.2.2. Комментарии и встроенная документация
- Создание корня документа:
- 6.1.6. Печать документов
- Работа с активным документом
- 3.1. Основные нормативные руководящие документы, касающиеся государственной тайны
- Как уменьшить размер документа Microsoft Word?
- Документы по движению денежных средств
- 6.2. Создание и автоматическое заполнение бланков стандартных документов
- Просмотр библиотек документов
- Создание библиотек документов