Как вставить html тег посредством js в выбранный определенный класс?

Question

[mirikkingg]

Есть данный класс, как с помощью джса (чистого) вставить именно в него див? (Стили для него прописаны)

<main class="container-fluid ps-5 hiddenState">
</main>

Кое-как набросал

var my_div = newDiv = null;
  var newDiv = document.createElement("div");
        newDiv.innerHTML = "<h1>Привет!</h1>";
        my_div = document.querySelector(".hiddenState");
    document.body.insertBefore(newDiv, my_div);

Но создается отдельный от нужного мне класса див.

Comments

[Алексей Дубровин]

Гуглить пробовали?

Answer 1

[true]

my_div.appendChild(newDiv)

Answer 2

[sasmoney]

$('.hiddenState').html('<h1>Привет!</h1>')

Answer 3

[pLavrenov]

Див создается потому что сам его и создаешь.

var my_div = newDiv = null; // Строка эта бесполезная
var newDiv = document.createElement("div"); // Создается див
newDiv.innerHTML = "<h1>Привет!</h1>"; // В этот див вставляется заголовок
my_div = document.querySelector(".hiddenState"); // Получается блок куда надо вставлять контент
document.body.insertBefore(newDiv, my_div); // Вставляется див с контентом ПЕРЕД тем блоком который получили

Решения 2....
1) не создавать блок DIV а вставлять просто заголовок
2) Создавать блок h1 и вставлять в него текст