How to create a "style" tag with Javascript?

Question

Aryan Kumar · Answer

To create a style tag with JavaScript, you can use the 
createElement() method to create the style element and then append it to the
head element of the document using the appendChild() method.
Here's an example code snippet:
// create a new style element
var styleTag = document.createElement('style');
// add some CSS rules to the style element
styleTag.innerHTML = `
 body {
   background-color: yellow;
 }
 h1 {
   color: blue;
   font-size: 24px;
 }
`;
// append the style element to the head of the document
document.head.appendChild(styleTag);
In this example, we create a style element using createElement(), add some CSS rules using the
innerHTML property, and then append it to the head of the document using
appendChild(). This will add the CSS rules to the document and apply them to the relevant elements.
and 
and 
and

forum

How to create a "style" tag with Javascript?

Utpal Vishwas

Can you answer this question?

1 Answers

Liked By