js怎么导入css

原创

ithorizon 1个月前 (10-19) 阅读数 24 #Javascript

在 javascript 中导入 css 有两种主要方式：使用标签，在 html 文档的部分引用 css 文件。使用 document.createelement('style')，动态创建元素并将其添加到文档的部分。

如何在 JavaScript 中导入 CSS

在 JavaScript 中导入 CSS 有两种主要方法：

1. 使用标签

这种方法涉及使用标签在 HTML 文档的

部分中引用 CSS 文件：

立即学习“前端免费学习笔记（深入）”；

  <link rel="stylesheet" href="styles.css">

2. 使用 document.createElement('style')

这种方法涉及在 JavaScript 中动态地创建

// 创建 `<style>` 元素
const styleElement = document.createElement('style');

// 设置 CSS 规则
styleElement.innerHTML = `
  body {
    color: red;
  }
`;

// 将 `<style>` 元素添加到文档的 `<head>` 部分
document.head.appendChild(styleElement);</style>

注意：