为什么要动态修改link的href属性?
1.可能需要动态插入css样式表。
2.可能需要动态修改css样式表。
动态修改link的href属性带来的问题。
有个需求,要求我动态修改外部css样式表的href属性,代码写好之后在浏览器上跑起来发现:
界面样式没有任何修改,通过开发者控制台看到,link的href是我动态修改后的,完全没有问题,
查看加载的文件发现,旧的样式表和新的样式表都已经加载完成。
思考:为什么不生效
新旧样式表都已经加载完成,并且href已经变成新的样式表的路径,那么猜测可能是浏览器加载新的样式表,但是没有做渲染。
解决方法: 1.修改href之前先把type属性置空,然后修改href,再把type属性设置回来。
2.先把href置空,再设置href为对应的值。
可能和浏览器的解析方式有关,暂时只找到解决方法,没有找到根本原因。