Почему не работает document.head.appendChild?

Question

[Карлиндоу Мэрлифи]

В одном расширение, которое подрубает свой скрипт на определённых (или даже всех) сайтах делаю такое колдовство, чтобы после прогрузки всей страницы она закинула в головку пользовательский скроллбар, ведь надоели мне эти серые, которые нормально не разглядеть! А если как пользовательский css добавлять, то он не на всех сайтах работает
Не работает код. Пробовал также doc.body.insertadjacenthtml с beforeend.

setTimeout(function() {
	document.head.appendChild("<style>body::-webkit-scrollbar{width:10px!important;/*ширинаscrollbar*/border-radius:0!important;}body::-webkit-scrollbar-track{background:#151515!important;/*цветдорожки*/border-radius:0!important;}body::-webkit-scrollbar-thumb{background-color:#bb3344!important;/*цветплашки*/border-radius:0!important;}</style>");
}, 1000);

Answer 1

[Алексей Уколов]

Parameters
aChild
The node to append to the given parent node (commonly an element).

https://developer.mozilla.org/en-US/docs/Web/API/N...

Метод ожидает ноду, а не строку. Вооружайтесь document.createElement и вперёд.

Answer 2

[Надим]

Для вставки HTML существует отдельный метод:
https://www.code.mu/ru/javascript/manual/dom/inser...