document.getElementBy~ 알아보기

document.getElementBy~

- getElementById("id명") => 해당 id를 가진 요소가 불려짐

    console.dir( document.getElementById("id명") ) => 해당 id를 가진 요소의 속성(상세정보)들이 불려짐

 

*[콘솔 오류메세지] Uncaught TypeError : Cannot set property '@@@' of ~~ null

   @@@의 값이 null이라 속성을 지정할수 없다.

   => id명 class명을 바르게 호출했는지 살펴보자.

 

 

- getElementsByClassName("class명") => 해당 클래스이름을 가진 요소들의 속성이 배열에 담겨져서 불려짐

- getElementsByTagName("태그명") => 해당 태그로 지정된 요소들이 배열에 담겨져서 불려짐 

 

-document.querySelector(" ") => 해당 요소가 불려짐 (제일 첫번째 하나만)

-document.querySelectorAll(" ") => 해당 요소가 모두 배열에 담겨져서 불려짐 (모든 요소)

   querySelector은 요소를 CSS처럼 호출한다.

   ex) (".클래스명 태그명")

          ("#id명 태그명") ...등등