Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how to create a "style" tag with javascript?
Ask Question
Utpal Vishwas
Utpal Vishwas

Student

I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Message

1 Answers

Aryan Kumar
Aryan Kumar 01 May 2023
Report Abuse

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.


 

MindStick Training