I want to convert the source of the website inside a String variable to code and use it.
How can I do this?
var cssStr = 'a{text-decoration: none}';
// to css code
a {
text-decoration: none
}
-
Does this answer your question? Is there any way to load css and javascript from a string?David Nithael Torres Lima– David Nithael Torres Lima2020-08-15 06:51:42 +00:00Commented Aug 15, 2020 at 6:51
Add a comment
|
4 Answers
Try this:
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>
Comments
You can have below script:
var cssStr = 'a{text-decoration: none}';
let styleTag = document.createElement('style');
styleTag.innerHTML = cssStr;
document.firstChild.appendChild(styleTag);
This will basically create <style></style> and append it to html. If you have specific <style> tag, select it instead of creating new.
Comments
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';
Comments
This is what CSSStyleSheet.insertRule is for:
let styleSheet = document.styleSheets[0];
styleSheet.insertRule('.demo { background: red; color: white; }');<div class="demo">test</div>