ページ名に基づいてjavascriptのCSSリンクを変更するにはどうすればよいですか？

ページの名前がmypage.htmlの場合は、特定のCSSリンクbootstrap.min.jsを次のjavascriptで更新します。
どうすればいいですか？ページ名に基づいて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

あなたは – Nelu

私の例では、すでにファイル名にアクセスするHTMLからファイル名にアクセスすることはできません、私はCSSのリンク優れ – user3302169

使用document.querySelectorhrefプロパティに通常の方法を変えた後、link要素への参照を取得します。

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リンクを変更するにはどうすればよいですか？

答えて

関連する問題