更改<style>的innerHTML以添加新的样式行？

我有解决问题的方法，但我正在寻找一种更有效的方法来解决。

我基本上想编写一个函数，该函数使用Javascript在CSS中添加新的样式行。

我的解决方案是这样。

function addStyle(newStyleLine){
var mainStyle = document.getElementsByTagName("style")[0];
mainStyle.innerHTML = mainStyle.innerHTML + "body {"+newStyleLine+"}";
}

而且<style>我的html中有一个标记。它工作正常，但是我认为当我在其中拥有更大的CSS时<style>，效率将不那么高。

是否有人对解决此问题的更好方法有想法。

谢谢你。