Menu

gitpiper

injectCSS javascript Code Snippet in 2024

browsercssintermediate

Last Updated: 20 December 2024

Injects the given CSS code into the current document

  • Use Document.createElement() to create a new style element and set its type to text/css.
  • Use Element.innerText to set the value to the given CSS string.
  • Use Document.head and Element.appendChild() to append the new element to the document head.
  • Return the newly created style element.
const injectCSS = css => { let el = document.createElement('style'); el.type = 'text/css'; el.innerText = css; document.head.appendChild(el); return el; };
injectCSS('body { background-color: #000 }'); // '<style type="text/css">body { background-color: #000 }</style>'

javascript snippet similar to injectCSS For You in December 2024

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️

© 2024 GitPiper. All rights reserved

Rackpiper Technology Inc

Company

About UsBlogContact

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️