Java script - 3 (2021.03.23)

Document.querySelector()

: 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환한다. 일치하는 요소가 없으면 null을 반환한다.

 

예) document.querySelector(selectors);  여기서 selectors는 하나 이상의 선택자를 포함한 DOMstring

     var el = document.querySelector(".myclass");

DOMString - Web API | MDN

Document.getElementById()

:주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다.

 

예) elem = document.getElementById('para');

 

 

둘이 같은 기능인데. 요즘은 쿼리셀렉터를 쓴다고한다.  

getElementById()는 id속성을 가진 요소만 찾기 때문에 그냥 문자열 안에 아이디만 넣어주면되는데 

querySelector()는 id, class, 다른 선택자도 다 쓸 수 있기 때문에 꼭 샾#이나 점. 을 붙여줘야 한다. 

 

계속 실수하는 부분은  함수의 인자를 문자열 형태로 주지 않는 것이다. 인자를 문자열형태로 주는게 어색해서 그런 거 같다.  id나 class나 문자열로 정해주니까. 꼭 인자를 문자열로 주자

---

Document.createElement()

 메서드는 지정한 tagName의 HTML 요소를 만들어 반환한다.

 

예) liElement = document.createElement('li');