如何解决是否可以在项目中将CSS字符串文本更改为CSS代码?
我想将String
变量中的网站源代码转换为代码并使用它。
我该怎么做?
var cssStr = 'a{text-decoration: none}';
// to css code
a {
text-decoration: none
}
解决方法
尝试一下:
var cssStr = 'a{text-decoration: none} a{color: red}';
let text = document.getElementById('yourId');
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = cssStr;
text.appendChild(style);
<a href=# id="yourId"><p> Your Text </p></a>
,
您可以使用以下脚本:
var cssStr = 'a{text-decoration: none}';
let styleTag = document.createElement('style');
styleTag.innerHTML = cssStr;
document.firstChild.appendChild(styleTag);
这基本上将创建<style></style>
并将其附加到html。如果您有特定的<style>
标签,请选择它而不是创建新标签。
String
let styleSheet = document.styleSheets[0];
styleSheet.insertRule('.demo { background: red; color: white; }');
,
var element = document.getElementById("myDIV");
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.cssClass { text-decoration: none; }';
document.getElementsByTagName('head')[0].appendChild(style);
element.className = 'cssClass';
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。