已解決430363個問題，去搜搜看，總會有你想問的

關于動態改變<link>標簽的href

首頁猿問關于動態改變<link>...

關于動態改變<link>標簽的href

JavaScript

喵喔喔 2018-09-14 11:10:05

如題，我創建了兩個<li>分別給他們添加了點擊事件，在<link>里我添加了id = "changecss",代碼如下：<link rel="stylesheet" type="text/css" id = "changecss" href="css/index.css"> <ul> <li class="active" on click="javascript:document.getElementById('changecss').href ='css/index.css'">首頁案例</li> <li class = "li2" on click="javascript:document.getElementById('changecss').href ='css/change.css'">詳情頁案例</li> </ul>但是還是無法改變<head>里的<link>標簽里的href的路徑，還是會加載原本的css,但新建的css文件里的css也有效果，所以特來向各位求助。。。。

查看完整描述

1 回答

隔江千里

TA貢獻1906條經驗獲得超10個贊

修改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，一開始就不需要寫<link rel="stylesheet" type="text/css" id = "changecss" href="css/index.css">

反對回復 2018-10-16

1 回答
0 關注
2419 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

關于動態改變<link>標簽的href

關于動態改變<link>標簽的href

1 回答

添加回答