Wie JavaScript ändern CSS-Link basierend auf Seitenname?

Ich möchte das unten Javascript, um den spezifischen CSS-Link bootstrap.min.js zu aktualisieren, wenn die Seite den Namen mypage.html hat.
Wie würde ich das tun?Wie JavaScript ändern CSS-Link basierend auf Seitenname?

<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>

Quelle

2017-02-03 user3302169

Sie nicht die Dateinamen aus dem HTML-Zugriff – Nelu

Mein Beispiel bereits die Dateinamen zugreift, muß ich das Skript des CSS Link – user3302169

Verwenden document.querySelector einen Verweis auf das link Element zu erhalten, dann ist die href Eigenschaft die übliche Art und Weise verändern.

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"; 
}

Quelle

2017-02-03 17:32:29

Excellent ändern! Allerdings hätte ich erwähnen sollen, dass meine reale Anwendung mehrere CSS-Links hat, so dass der einzige zu aktualisierende Link der Link ist, der "bootstrap.min.css" enthält. Wie würde ich das tun? – user3302169

@ user3302169 Ich habe meine Lösung aktualisiert. Vielleicht möchten Sie Ihre Frage mit der Information bearbeiten, dass es mehrere Links gibt. –

Wie JavaScript ändern CSS-Link basierend auf Seitenname?

Antwort

Verwandte Themen