Javascript 如何将本地css文件包含到js文件中？
当我为我的网站使用HTML和CSS文件时，CSS效果得到了正常应用。但是当我尝试使用node.js运行我的网站时，所有CSS效果都被删除了。如何将CSS文件合并到app.js文件中？。使用document.getElementsByTagName方法获取HTML头元素 。使用createElement'link'方法创建新的链接元素 。初始化链接元素的属性 。将链接元素附加到头部 例如： 使用name style.CSS创建CSS文件：Javascript 如何将本地css文件包含到js文件中？,javascript,html,css,node.js,Javascript,Html,Css,Node.js,当我为我的网站使用HTML和CSS文件时，CSS效果得到了正常应用。但是当我尝试使用node.js运行我的网站时，所有CSS效果都被删除了。如何将CSS文件合并到app.js文件中？。使用document.getElementsByTagName方法获取HTML头元素 。使用createElement'link'方法创建新的链接元素 。初始化链接元素的属性 。将链接元素附加到头部 例如： 使用name style.CSS创建CSS文件： .Setcolor { color:blu
.Setcolor {
color:blue;
}
<!DOCTYPE html>
<html>
<head>
<title>
Load CSS file using JavaScript
</title>
<script>
// Get HTML head element
var head = document.getElementsByTagName('HEAD')[0];
// Create new link Element
var link = document.createElement('link');
// set the attributes for link element
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';
// Append link element to HTML head
head.appendChild(link);
</script>
</head>
<body>
<h2 class="Setcolor">TheColoris</h2>
</body>
</html>
。使用document.getElementsByTagName方法获取HTML头元素 。使用createElement'link'方法创建新的链接元素 。初始化链接元素的属性 。将链接元素附加到头部 例如： 使用name style.CSS创建CSS文件：
.Setcolor {
color:blue;
}
<!DOCTYPE html>
<html>
<head>
<title>
Load CSS file using JavaScript
</title>
<script>
// Get HTML head element
var head = document.getElementsByTagName('HEAD')[0];
// Create new link Element
var link = document.createElement('link');
// set the attributes for link element
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';
// Append link element to HTML head
head.appendChild(link);
</script>
</head>
<body>
<h2 class="Setcolor">TheColoris</h2>
</body>
</html>
如果您使用的是把手，请将CSS文件放在公用文件夹下 如果不依赖任何手柄，请单独保存文件，然后使用标记调用它
如果您使用的是把手，请将CSS文件放在公用文件夹下 如果不依赖任何手柄，请单独保存文件，然后使用标记调用它
在提问之前，你应该试着用谷歌搜索一下你的问题，看看有没有适合你的。此外，如果没有任何效果，我们需要看看你尝试了什么。如果需要，请提供您的代码和解释。请澄清这是关于客户端还是服务器端JavaScript的？你在使用像Express这样的框架吗？@Rounin-Hah！谢谢你，@网友。我的手指在打字，但我的大脑被切断了-是的@Rounin你的解决方案也有效，但我需要一个更通用的解决方案。谢谢。你应该在提问之前先用谷歌搜索一下你的问题，看看有没有适合你的。此外，如果没有任何效果，我们需要看看你尝试了什么。如果需要，请提供您的代码和解释。请澄清这是关于客户端还是服务器端JavaScript的？你在使用像Express这样的框架吗？@Rounin-Hah！谢谢你，@网友。我的手指在打字，但我的大脑被切断了-是的@Rounin你的解决方案也有效，但我需要一个更通用的解决方案。谢谢。与其构造数组以获取getElementsByTagName的第一个元素，不如直接作为标准文档属性document.head访问第一个元素。与其构造数组以获取getElementsByTagName的第一个元素，不如直接作为标准文档属性document.head访问第一个元素