在js中引入css文件路径

在前端开发中，我们经常需要在JavaScript中引入CSS文件来美化网页的风格。引入CSS文件时，需要注意文件路径的设置。

假设我们有一个HTML文件，它的目录结构是这样的：

根/
索引.html
js/
main.js
CSS/
style.css

如果我们想将style.css文件引入到main.js文件中，那么文件路径应该如何设置呢？

首先我们需要明确两个概念，即相对路径和绝对路径。

相对路径是以当前文件为起点到目标文件的路径。例如，如果要引用同一目录下的style.css文件，可以使用相对路径：../css/style.css。

绝对路径是从网站根目录到目标文件的路径。例如，如果要引用根目录下的style.css文件，可以使用绝对路径：/css/style.css。

在main.js中引入style.css，我们可以使用以下代码（假设HTML文件已经引入了main.js文件）：

var link = document.createElement('link');
link.type = '文本/css';
link.rel = '样式表';
link.href = '../css/style.css';
document.getElementsByTagName('head')[0].appendChild(link);

这样就可以在浏览器中动态引入CSS文件了。