javascript - 用户输入的 CSS

Question

我正在尝试制作一个应用程序，用户可以在其中输入自己的 CSS，然后将 CSS 应用于网页。有没有一种简单的方法可以做到这一点，还是我必须手动解析 CSS 并手动编辑 document.getElementById(elid).style for #elid ？

谢谢。

Answer 1

假设这只是一个临时更改(仅针对该页面 View )，您可以使用 javascript 对其进行修改。

<script>
function appendCss() {
    var css = document.getElementById('css-input').value;
    var style = document.createElement("style");
    style.innerHTML = css;
    var head = document.getElementsByTagName("head");
    head[0].appendChild(style)
}
</script>

然后你只需要调用函数appendCss()当你想让css生效。同样，这仅适用于该页面 View ，不会永久有效。