javascript - 文本输入值作为 css

标签 javascript html input

所以,我想要一个可以用作 CSS 输入区域的文本区域。当在该区域中输入 css 时,我的计划是更改输出 div 内的 html。我如何使输入的值(输入内的文本)充当CSS代码?我更希望它是用 JavaScript 编写的。

到目前为止我的代码...

var html = document.getElementById("inputHTML").value; 
var css = document.getElementById("inputCSS").value; 
document.getElementById("output").innerHTML = html; 
document.getElementById("output").style = css;

最佳答案

var html = document.getElementById("inputHTML").value;
var css = document.getElementById("inputCSS").value;
document.getElementById("output").innerHTML = html;
document.getElementById("output").style.cssText  = css;

应该可以解决问题

JSCSSP 也可能是一个替代方案:http://glazman.org/JSCSSP/

它解析并重新序列化您的 CSS 代码

关于javascript - 文本输入值作为 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22425140/

相关文章:

html - 当换行时,自动在 `code` 环境中添加换行符号

javascript - <input> 文本变化事件

php - 将浏览器后退按钮更改为返回两次

javascript - 如何更新数组字段?

javascript - 动画结束后 SVG 不会填充

c++ - cin 和 getline 跳过输入

python 2.7 用户名的最小值和最大值

javascript - auth 组件作为 React 中的中间件

javascript - 最小化bootstrap 3下拉菜单的宽度

javascript - Jquery 和 CSS 加载不可靠