Create a stylesheet and synh with DOM

Annoyed Antelope answered on September 21, 2022 Popularity 1/10 Helpfulness 1/10

answer Create a stylesheet and synh with DOM

Create a stylesheet and synh with DOM

Comment

const sheet = new CSSStyleSheet();

// replace all styles synchronously:
sheet.replaceSync('a { color: red; }');

// replace all styles:
sheet.replace('a { color: blue; }')
  .then(() => {
    console.log('Styles replaced');
  })
  .catch(err => {
    console.error('Failed to replace styles:', err);
  });

// Any @import rules are ignored.
// Both of these still apply the a{} style:
sheet.replaceSync('@import url("styles.css"); a { color: red; }');
sheet.replace('@import url("styles.css"); a { color: red; }');
// Console warning: "@import rules are not allowed here..."

Popularity 1/10 Helpfulness 1/10 Language css

Source: web.dev

Tags: css dom stylesheet

Link to this answer
Share Copy Link

Contributed on Sep 21 2022

Annoyed Antelope

0 Answers Avg Quality 2/10

Create a stylesheet and synh with DOM

Contents

More Related Answers

Create a stylesheet and synh with DOM

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.