ГРУППА КУРСА
|
Добавление и удаление элемента в JavaScriptСоздадим страницу и наполним её содержимым. Далее мы будем добавлять на неё новые элементы. Страница будет такая: +
Создание элементаПрежде чем добавить новый элемент на страницу, его нужно сначала создать. Метод createElement() создаёт элемент. document.createElement (тэг) Параметры:
тэг - тэг создаваемого элемента Созданный элемент сразу присваивается переменной, через которую осуществляется дальнейшая работа с элементом. После того, как элемент создан, ему можно установить id, класс, другие атрибуты и задать стиль. О том, как это делается, будет рассказано в следующих темах. Также его можно наполнить содержимимым. Эти действия лучше сделать до добавления элемента на страницу, чтобы он сразу отобразился в том виде, в котором должен быть. Но можно это сделать и после добавления, большой разницы нет. Для примера создадим абзац с текстом:
Пока новый элемент не отображается, ведь он ещё не добавлен на страницу. Добавление элементаЧтобы добавить созданный элемент на страницу, нужен существующий элемент, который уже есть на странице. Добавление произодится через методы этого элемента. Есть такие методы:
Добавим созданный элемент в блок, который есть на странице:
Попробуйте использовать другие методы добавления. Посмотрите, где будет появляться новый элемент. Любой из этих методов может добавлять на страницу не только элемент, но и другой узел или просто текст:
Можно сразу добавить несколько элементов и других узлов. Для этого их нужно перечислить через запятую. Рассмотренные методы могут быть использованы не только для добавления элемента, но и для перемещения. Любому элементу на странице можно указать новое место и он будет туда перемещён. Удаление элементаВ JavaScript удаление элемента со страницы осуществляется при помощи метода remove(). Элемент удаляется вместе со всем содержимым. элемент.remove() Также этот метод позволяет удалить другой узел. Удалим из блока первый абзац:
|