Injects the given CSS code into the current document
- Use
Document.createElement()
to create a newstyle
element and set its type totext/css
. - Use
Element.innerText
to set the value to the given CSS string. - Use
Document.head
andElement.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>'