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

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