- 使用
Document.createElement()创建一个新的style元素,并将其类型设置为text/css。 - 使用
Element.innerText将值设置为给定的 CSS 字符串。 - 使用
Document.headandElement.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>'

京公网安备 11010502036488号