- 使用
Document.createElement()
创建一个新的style
元素,并将其类型设置为text/css
。 - 使用
Element.innerText
将值设置为给定的 CSS 字符串。 - 使用
Document.head
和Element.appendChild()
将新元素附加到文档头部。 - 返回新创建的
style
元素。
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>'