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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Добавить элемент в 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);

3 года назад

Кирилл Маркеев

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

Похожие вопросы