[JavaScript] DOM 요소들에 접근하기

자바 스크립트 하다보면 요소들에 접근을 삭 하고싶은데 뭐가 뭔지 잘 모르는 경우가 많다 

어떻게 호출 가능하고 , 무엇을 반환하는지 알아보도록 하자 

 

document.getxxx()

document.getElementById("insertId")

id 를 통해 요소에 접근하는 방법 ! 노드 1개를 찾아준다 !

 

document.getElementsByClassName("className") 

class 명을 이용해 접근하는 방법 ! 배열을 반환해준다 

 

document.getElementsByTagName("tagName") 

tag 명을 사용해 접근하는 방법 배열을 반환해준다 

 

보통 id 는 하나만 지정해주고 class와 tag 는 여러개 지정해주기 때문에 이런 차이가 있는 것 같다 .

특징은 인자에 클래스를 의미하는 . 이나  아이디를 의미하는 # 같은것을 붙여줄 필요가 없다 !

 

 

document.quertSelectorxxx()

document.querySelectorAll("#replysReload div.class")

해당하는 모든 요소들을 담은 배열을 반환해준다 

 

document.querySelector("#replysReload div.class")

해당하는 모든 요소들 중 가장 첫번째 노드 1개를 찾는다. 

 

id 와 클래스를 의미하는 . 이나 #을 붙여줘야한다 !