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

Question

Javascriptを使ってページロード時にmetaタグ内の<link>のソースを書き換えようとしています。

<link>タグを取得して書き換えるところまではできたのですが、 <link rel="shortcut icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/style.css" />

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

<script>
$(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 , "" );
        }
    }
});
</script>

Answer 1

document.head.getElementsByTagName('link') を document.head.querySelectorAll('link[rel="stylesheet"]')に変更するという方法で解決しました。