Какое добавлеие CSS-стилей к HTML-странице с помощью JavaScript правильное?

Question

[we1]

Вот по этому адресу https://www.w3.org/wiki/Dynamic_style_-_manipulati... очень простое подключение стилей с помощью innerHTML:

var sheet = document.createElement('style')
sheet.innerHTML = "body{background:#eee;}";
document.body.appendChild(sheet);

Но много где пишут, что так делать неправильно, а нужно использовать createTextNode, который будет присоединен к элементу style, который подключается к head.

var sheet = document.createElement("style");
sheet.type="text/css";
var css = document.createTextNode('body{background:#eee;}');
sheet.appendChild(css);
document.getElementsByTagName('head')[0].appendChild(sheet);

Вопрос такой: На сайте w3.org действительно «вредные советы» или именно так и надо делать?

Answer 1

[Maks Codov]

В том что Вы написали я не вижу принципиальной разницы, кроме того, куда подключать эти самые стили. Я бы рекомендовал в head.
например так.
var sheet = document.createElement('style')
sheet.innerHTML = "body{background:green;}";
document.head.appendChild(sheet);

Comments

[we1]

Я тоже не совсем понимаю, почему один вариант "плохой", а другой "хороший". Если работает, значит правильно. Но почему-то пишут, что не совсем по стандарну использовать innerHTML, а потом я нахожу этот вариант на w3.org, причем еще и присоединеним к body. Вот и думаю, если правда не по стандарту, не перестанет ли оно завтра-послезавтра работать. Или всё стандартно, просто кто-то слишком много знает и дает ненужные советы.