как удалить html код с помощью js
Добавление и удаление элемента в JavaScript
Создание элемента
Прежде чем добавить новый элемент на страницу, его нужно сначала создать. Метод createElement() создаёт элемент.
Созданный элемент сразу присваивается переменной, через которую осуществляется дальнейшая работа с элементом. После того, как элемент создан ему можно установить id, класс, другие атрибуты и задать стиль. О том, как это делается, будет рассказано в следующих темах. Также его можно наполнить содержимимым. Перечисленные действия лучше сделать до добавления элемента на страницу, чтобы он сразу отобразился в том виде, в котором должен быть. Но можно это сделать и после добавления, большой разницы нет.
Для примера создадим блок и добавим в него текст:
Пока блок не отображается, ведь он ещё не добавлен на страницу.
Добавление элемента
внешний элемент.appendChild (добавляемый элемент)
Добавим блок на страницу:
В качестве внешнего элемента был использован body, но точно так же можно добавлять внутрь любого другого элемента.
внешний элемент.insertBefore (добавляемый элемент, предыдущий элемент)
Для примера создадим на странице блок с абзацами и с помощью скрипта добавим ещё один абзац в начало блока:
Чтобы код был более понятным, я создал отдельную переменную для абзаца, перед которым вставляется элемент. На практике так делать совсем не обязательно. Можно указать абзац сразу как дочерний элемент блока.
Если нужно вставить элемент не в начало блока а в середину, то нужно просто указать другой элемент, перед которым нужно вставить новый элемент.
Рассмотренные методы могут быть использованы не только для добавления элемента, но и для перемещения. Любому элементу на странице можно указать новое место и он будет туда перемещён.
Удаление элемента
внешний элемент.removeChild (удаляемый элемент)
Удалим абзац из блока:
Коприрование материалов сайта возможно только с согласия администрации
Как удалить html код с помощью js
В этой рубрике Вы найдете уроки по Javascript библиотеке jQuery.
Анимация набора текста на jQuery
Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.
Stimed — стили в зависимости от времени суток
Интересная библиотека с помощью которой можно задать определённым элементам страницы особые стили в зависимости от времени суток.
jQuery плагин для отображения превью загружаемого файла
Небольшой jQuery плагин, который позволит увидеть миниатюру изображения ещё до загрузки на сервер.