动态修改link的href属性

为什么要动态修改link的href属性?

    1.可能需要动态插入css样式表。

    2.可能需要动态修改css样式表。

动态修改link的href属性带来的问题。

    有个需求,要求我动态修改外部css样式表的href属性,代码写好之后在浏览器上跑起来发现:

界面样式没有任何修改,通过开发者控制台看到,link的href是我动态修改后的,完全没有问题,

查看加载的文件发现,旧的样式表和新的样式表都已经加载完成。

思考:为什么不生效

    新旧样式表都已经加载完成,并且href已经变成新的样式表的路径,那么猜测可能是浏览器加载新的样式表,但是没有做渲染。

解决方法: 1.修改href之前先把type属性置空,然后修改href,再把type属性设置回来。

                    2.先把href置空,再设置href为对应的值。

可能和浏览器的解析方式有关,暂时只找到解决方法,没有找到根本原因。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容