角括弧[]のユーザーJavaScriptへのリンクを追加するとき

私はいくつかのコードを実行し、すべてのjQueryをバニラJSに変換しています。以下は、私が正常に変換したコードです（コメントアウトされているのはjQueryです）。私は終わりに[0]を追加するまで頭にそれを追加するいくつかの問題を抱えていました。私は大括弧が配列にアクセスするときに使用されていることを知っていますが、私は正確になぜこのインスタンスで必要だったか分からない。誰かが説明できますか？角括弧[]のユーザーJavaScriptへのリンクを追加するとき

var head = document.getElementsByTagName('head')[0]; 
    var linkScript = document.createElement('link'); 
    linkScript.type = 'text/css'; 
    linkScript.rel = 'stylesheet'; 
    linkScript.href = purecommHostFiles + 'style.css'; 
    head.appendChild(linkScript); 

    // $('<link>') 
    // .appendTo('head') 
    // .attr({ 
    //  type: 'text/css', 
    //  rel: 'stylesheet', 
    //  href: purecommHostFiles + 'style.css' 
    // });

出典

2017-12-08 KatherineMichelle

'document.getElementsByTagName'は複数の要素を返します。ここでは、最初の要素を使用しています – Gaur93

getElementsByTagName常に要素のアレイのようなHTMLCollectionを返しますので、あなたの<head>要素にアクセスするための最初の要素を取る必要があります。

出典

2017-12-08 06:16:10 klugjo

もちろん。ありがとうございました。申し訳ありませんが、私はこのことにはまったく新しいです。もちろん、私は研究だけでそれを理解できましたが、角括弧の使用に関する研究に集中していました。ご協力いただきありがとうございます！ – KatherineMichelle

@brkは配列ではなくHTMLCollectionであるという事実を反映するために私の答えを更新しました – klugjo

角括弧[]のユーザーJavaScriptへのリンクを追加するとき

答えて

関連する問題