Как добавить элемент в html через js

Ответы
Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
04 ноября 2022

Добавить элемент в html через js можно с помощью метода document.createElement(). Предположим, что у нас есть следующий html документ:

<div class="container"></div>

Внутрь данного контейнера мы хотим поместить заголовок первого уровня красного цвета с надписью Hello, World!

// получаем контейнер
const container = document.querySelector('.container');

// создаем новый элемент - заголовок первого уровня
const h1 = document.createElement('h1');

// добавляем класс .red, в котором указан нужный нам цвет текста
h1.classList.add('red');

// добавляем нужный текст
h1.textContent = 'Hello, World!';

// кладем заголовок в контейнер
container.append(h1);
0 0
Добавьте ваш ответ

Рекомендуемые курсы

CSS3
Сетки
вёрстка
CSS Grid
6 часов
Посмотреть
JS
Gulp
Таск-менеджер
Автоматизация работы
6 часов
Посмотреть
Препроцессоры CSS
SASS
SCSS
Миксины
4 часа
Посмотреть