getElement / querySelector 등등

요소 얻어오기

 

getElement 요소들

 

1. getElementById

 

 - 요소에 id 속성이 있으면 위치에 상관없이 메서드 document.getElementById(id)를 이용해 접근할 수 있다.

 

  * 이때 () 안의 id값에는 더블 쿼테이션("")혹은 싱글 쿼테이션(') 을 붙여준다.

 

 

또한, id=" " 속성값을 이용해서 을 이용해 바로 접근 할 수 있다.

 

id 속성명에 하이픈(" - ")이 들어가 있는 경우

 

또한 id 속성명과 동일한 변수명을 선언해서 사용할 경우 id 속성명으로는 접근할 수 없다.

 

 

단,!!!!

또한,

 

 

2. getElementByClass

 

 - 주어진 클래스를 가진 모든 자식 엘리먼트의 실시간 HTMLCollection을 반환합니다.

 

 

3. getElementsByTagName 

주의!!

 

 

4. getElementsByName

 

---

 

querySelector 

 

 

querySelectorAll

예)

 

---

matchs(css)

 

예)

 

 

---

 

closest

 

예

 

---

 

getElementsBy~  와 querySelector 비교

 

 

정리!!