| Индекс материала |
|---|
| Введение в Prototype |
| Функция $() |
| Функция $$() |
| Методы обхода DOM-документа |
| Создание нового элемента и вставка его в DOM |
| Удаление элемента из DOM |
| Все страницы |
Удаление элемента из DOM
Последнее, что стоит рассмотреть в рамках темы управления элементами DOM, так это удаление объектов. Данная задача решается с помощью вызова метода remove() для элемента, который необходимо удалить.
При вызове данного метода в качестве результата своей работы он возвращает удаленный элемент, таким образом, по необходимости вы можете сохранить удаляемый объект, а потом восстановить его, если, например, стоит задача на время его скрыть.
Сразу хочу отметить, что решения задачи со скрытием элемента правильнее будет использовать специализированные функции фреймворка Prototype – это hide() и show(). Функцию remove() стоит использовать только с целью избавиться от ненужного объекта. Следующий пример демонстрирует remove() в действии.
<html>
<head>
<title>Удаление элемента из DOM с помощью метода remove()</title>
<script type="text/javascript" src="/js/prototype.js"></script>
</head>
<body>
<div id="main">
<div>Some item</div>
</div>
<script type="text/javascript">
$('main').remove();
</script>
</body>
</html>