как удалить html код с помощью js

Добавление и удаление элемента в JavaScript

Создание элемента

Прежде чем добавить новый элемент на страницу, его нужно сначала создать. Метод createElement() создаёт элемент.

Созданный элемент сразу присваивается переменной, через которую осуществляется дальнейшая работа с элементом. После того, как элемент создан ему можно установить id, класс, другие атрибуты и задать стиль. О том, как это делается, будет рассказано в следующих темах. Также его можно наполнить содержимимым. Перечисленные действия лучше сделать до добавления элемента на страницу, чтобы он сразу отобразился в том виде, в котором должен быть. Но можно это сделать и после добавления, большой разницы нет.

Для примера создадим блок и добавим в него текст:

Пока блок не отображается, ведь он ещё не добавлен на страницу.

Добавление элемента

внешний элемент.appendChild (добавляемый элемент)

Добавим блок на страницу:

В качестве внешнего элемента был использован body, но точно так же можно добавлять внутрь любого другого элемента.

внешний элемент.insertBefore (добавляемый элемент, предыдущий элемент)

Для примера создадим на странице блок с абзацами и с помощью скрипта добавим ещё один абзац в начало блока:

Чтобы код был более понятным, я создал отдельную переменную для абзаца, перед которым вставляется элемент. На практике так делать совсем не обязательно. Можно указать абзац сразу как дочерний элемент блока.

Если нужно вставить элемент не в начало блока а в середину, то нужно просто указать другой элемент, перед которым нужно вставить новый элемент.

Рассмотренные методы могут быть использованы не только для добавления элемента, но и для перемещения. Любому элементу на странице можно указать новое место и он будет туда перемещён.

Удаление элемента

внешний элемент.removeChild (удаляемый элемент)

Удалим абзац из блока:

Коприрование материалов сайта возможно только с согласия администрации

Источник

Как удалить html код с помощью js

В этой рубрике Вы найдете уроки по Javascript библиотеке jQuery.

Анимация набора текста на jQuery

Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.