通过javascript动态添加css到页面

我正在制作一个将添加到外部网站的小部件，并且我制作了一个页面，可以生成 css 供他们设置样式（文本颜色、背景颜色、字体大小等）。我最终得到了一个充满 CSS 的文本区域，供他们复制/粘贴到他们的网站。

有没有办法将此 css 添加到当前页面以便进行实时预览？

如果你想添加 CSS 作为文本

var style = document.createElement('style');
style.innerHTML = 'content';
document.head.appendChild(style);

如果你想添加 CSS 文件

var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('href', 'css/my.css');
document.head.appendChild(link);