javascript - 关于动态改变标签的href

Question

如题，我创建了两个&lt;li&gt;分别给他们添加了点击事件，在&lt;link&gt;里我添加了id = "changecss",代码如下： {代码...} {代码...} 但是还是无法改变&lt;head&gt;里的&lt;link&gt;标签里的href的路径，还是会...

怪我咯 · Answer

修改href属性确实会触发浏览器加载css，但是这样会带来很多新问题，其他元素css错乱等，不太好维护。比较好的做法是动态添加css。
给你提供个动态加载css的方法。

 var addCss = function(path){
    if(!path || path.length === 0){
        throw new Error('argument "path" is required !');
    }
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.href = path;
    link.rel = 'stylesheet';
    link.type = 'text/css';
    head.appendChild(link);
};

如果你不想加载css/index.css，一开始就不需要写

黄舟 · Answer

要加载的东西已经加载了，你再改变又有什么用呢。要实现你所说的效果，你可以新建一个link，指定href，然后插入。

迷茫 · Answer

路径可以修改，但是html解析的时候是从上到下的，link标签先解析引入css文件，到后面用js再去修改路径，link也不会再去加载了

PHP中文网 · Answer

按照你写的并没有错啊，不对的地方就是onclick不应该有空格

怪我咯 · Answer

百度搜索一下“动态更新CSS”，或者“动态修改CSS”，“动态引入CSS”之类的关键字，可以得到一大堆结果

顺手给你一个
http://www.aichengxu.com/view...

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial