[Bebarr Swallow]

function createTag(tag, attributes, inner_text) {
  var result = document.createElement(tag);

  for(var x in attributes) {
    result.setAttribute(x, attributes[x]);
  }

  result.innerText = inner_text;

  return result;
}

var a = createTag("style", {}, "#ads {\n  display: none;\n}\n"
  + ".adv {\n  display: none;\n}\n"
  + ".more {\n  display: none;\n}");

console.log(a);

Результат:

<style>#ads {<br>  display: none !important;<br>}<br>.adv {<br>  display: none !important;<br>}<br>.more {<br>  display: none !important;<br>}</style>

Практической пользы от расстановки переносов я не имею, просто заинтересовала ситуация. Почему так происходит и как исправить?