node.js中怎么加载css

node.js中怎么加载css,第1张

nodejs本身只能加载js,css文件只能做为文本被读取。

如果想要加载解析css,可以配合webpack,然后使用css-loader、style-loader来使用。

css-loader是用来加载解析css的,将其处理成对象,方便js进一步处理;

style-loader可以将css-loader处理的对象导入到html中,从而可以在网页中运行。

在理解提问君的需求的前提下,并充分借鉴一楼君的成果(如果问题得到解决,请采用他的答案!),修改如下:

<html> 

<head> 

<title>JS获取CSS属性值</title> 

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<link href="test.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"> 

  onload = function (){

  var i = document.getElementById("css88").style.width || css88.offsetWidth || css88.clientWidth      

  alert(i)

  }

</script> 

</head> 

<body > 

    <div id="css88" class="w" >JS获取CSS属性值</div> 

</body> 

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11719022.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存