Skip to content

Latest commit

 

History

History
18 lines (16 loc) · 642 Bytes

将给定的 CSS 代码注入当前文档.md

File metadata and controls

18 lines (16 loc) · 642 Bytes

将给定的 CSS 代码注入当前文档

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