Добавить html/css через Js?

Question

[lucian2101]

Как добавить Полноценый div через Js ?
Вот div:
div id="bigdiv" style="width: 30%; padding: 15px; position: absolute; top: 10%; z-index: 100; left: 35%; background-color: rgb(51, 53, 65); border-radius: 0.625rem; box-shadow: rgb(255, 101, 47) 0px 0px 5px 0px; border: 1px solid rgb(255, 101, 47);">
b>CSGO500 Script
Confirm that you are human /p>
p style="margin-top: 15px; text-align: center; font-weight: 700; color: rgb(255, 101, 47); padding: 20px; font-size: 14px;"> You need to close console then Press ENTER 3x(three times) on your keyboard to continue.

Answer 1

[Виталий Першин]

el.innerHTML = '<div id="bigdiv" style="width: 30%; padding: 15px; position: absolute; top: 10%; z-index: 100; left: 35%; background-color: rgb(51, 53, 65); border-radius: 0.625rem; box-shadow: rgb(255, 101, 47) 0px 0px 5px 0px; border: 1px solid rgb(255, 101, 47);">Content</div>';

https://learn.javascript.ru/modifying-document#ins...

document.querySelector('body').insertAdjacentHTML('beforebegin', '<div id="bigdiv" style="width: 30%; padding: 15px; position: absolute; top: 10%; z-index: 100; left: 35%; background-color: rgb(51, 53, 65); border-radius: 0.625rem; box-shadow: rgb(255, 101, 47) 0px 0px 5px 0px; border: 1px solid rgb(255, 101, 47);">Content</div>');

Comments

[lucian2101]

Мне нужно именно по верх сайта чтобы было а не изменял весь исходный код

[Виталий Першин]

lucian2101, Дополнил ответ

[fixeri]

lucian2101,

document.body.insertAdjacentHTML('afterEnd', '<div id="bigdiv" style="width: 30%; padding: 15px; position: absolute; top: 10%; z-index: 100; left: 35%; background-color: rgb(51, 53, 65); border-radius: 0.625rem; box-shadow: rgb(255, 101, 47) 0px 0px 5px 0px; border: 1px solid rgb(255, 101, 47);">Content</div>');