자바 스크립트에서 헤드에 링크를 추가 할 때 대괄호 []를 사용하는 사용자

일부 코드를 통해 모든 jQuery를 바닐라 JS로 변환했습니다. 아래는 내가 성공적으로 변환 한 코드입니다 (주석 처리 된 jQuery입니다). 나는 마지막에 [0]을 추가 할 때까지 머리에 추가하는 데 어려움을 겪고있었습니다. 배열에 액세스 할 때 대괄호가 사용된다는 것을 알고 있지만,이 인스턴스에서 왜 이것이 필요한지 정확히 알 수는 없습니다. 누군가 설명 할 수 있을까요?자바 스크립트에서 헤드에 링크를 추가 할 때 대괄호 []를 사용하는 사용자

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

자바 스크립트에서 헤드에 링크를 추가 할 때 대괄호 []를 사용하는 사용자

답변

관련 문제