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, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket