如何讓JavaScript修改基於頁面名稱的CSS鏈接？

如果頁面名爲mypage.html，我想讓下面的javascript更新特定的css鏈接bootstrap.min.js。
我該怎麼做？如何讓JavaScript修改基於頁面名稱的CSS鏈接？

<html> 
    <head> 

    <link rel="stylesheet" type="text/css" href="/css/bootstrap377.min.css"/> 
    <link rel="stylesheet" type="text/css" href="/css/some_other_stylesheet.css"/> 

    <script type="text/javascript"> 
    var filename = location.href.split("/").slice(-1); 

    if (filename == "mypage.html") { 
     HOW DO I DO THIS: update the above stylesheet link to be bootstrap400.min.css (or should this script be before the css link?) 
    } 
    </script> 


    </head> 
    <body> 
    this is a test 
    </body> 
</html>

來源

2017-02-03 user3302169

不能從HTML – Nelu

我的例子已經訪問訪問文件名的文件名，我需要的腳本來修改CSS鏈接 – user3302169

使用document.querySelector去的link元素的引用，然後更改href財產通常的方式。

var filename = location.href.split("/").slice(-1); 

if (filename == "mypage.html") { 
    var link = document.querySelector("link[href='/css/bootstrap377.min.css']"); 
    link.href = "/css/bootstrap400.min.css"; 
}

來源

2017-02-03 17:32:29

好極了！但是我應該提到我的真實世界應用程序有多個css鏈接，因此唯一要更新的鏈接是包含「bootstrap.min.css」的鏈接。我會怎麼做？ – user3302169

@ user3302169我更新了我的解決方案。您可能需要使用有多個鏈接的信息編輯您的問題。 –

如何讓JavaScript修改基於頁面名稱的CSS鏈接？

回答

相關問題