CSSOM - CSS Object Model In JS

CSSOM.js

// CSS Module

// https://medium.com/dailyjs/high-performance-dynamic-styles-db28c873940

// Create a <style> element. You can use an existing one as well.
const style = document.createElement(‘style’)
document.head.appendChild(style)

// Insert a CSS Rule to the sheet at position 0.
style.sheet.insertRule(‘.my-button {color: red}’, 0)
console.log(style.sheet.cssRules)

// Change the value
style.sheet.rules[0].style.color = ‘green’
console.log(style.sheet.cssRules)