JavaScriptでmetaタグ内のlink要素の一部を書き換えたい


JavaScriptを使ってページロード時にmetaタグ内ののソースコードを書き換えたいです。

`<link>` タグを取得して書き換えるところまではできたのですが、

  * `<link rel="shortcut icon" href="/favicon.ico" />`
  * `<link rel="stylesheet" type="text/css" media="screen,print" href="/css/style.css" />`

のように読み込むものが複数ある場合に、rel="stylesheet" の href だけを書き換えたい場合、  
以下のコードをどのようにすればよいでしょうか。

[code]

    $(document).ready(function() {
        var allParas = document.head.getElementsByTagName('link');
        console.log(allParas);
        var root = 'http://test.com';
        let len = allParas.length;
        for (let i = 0; i < len; i++){
            if ( allParas.item(i).href.match(/http/) == null) {
            allParas.item(i).href = root + allParas.item(i).href;
            allParas.item(i).href = allParas.item(i).href.replace( /file\/\//g , "" );
            }
        }
    });
    
[/code]




`document.head.getElementsByTagName('link')` を
`document.head.querySelectorAll('link[rel="stylesheet"]')`
に変更すればご希望どおりになるかと思います。




`document.head.getElementsByTagName('link')` を
`document.head.querySelectorAll('link[rel="stylesheet"]')`
に変更すればご希望どおりになるかと思います。

