getElementsByClassName() : 많은 element를 가져올때 씀(array를 반환)
- getElementsByTagName() : name을 할당할 수 있음(array를 반환)
- querySelector : element를 CSS selector방식으로 검색할 수 있음 (ex. h1:first-child)단 하나의 element를 return해줌⇒ hello란 class 내부에 있는 h1을 가지고 올 수 있다(id도 가능함)- 첫번째 element만 가져옴- 조건에 맞는
세개 다 가져오고 싶으면 querySelectorAll⇒ 세개의 h1이 들어있는 array를 가져다 줌
- querySelector("#hello); 와 getElementById("hello"); 는 같은 일을 하는 것임하지만 후자는 하위요소 가져오는 것을 못하므로 전자만 쓸거다
element를 가지고 오는 가장 멋진 방법은 querySelector 와 querySelectorAll
querySelector는 element를 css방식으로 검색할 수 있음
querySelector 은 단 하나의 element를 return 해줌.
event 는 만약 내가 입력을 끝내거나, 내 이름을 적거나, enter를 누르는 것, 그런게 event임.
클릭하면 색깔이 검은색에서 파란색으로 변합니다.
클릭한 횟수도 저기 콘솔창에 5번 클릭했는 것을 알 수 있습니다. (um... 이 기능으로 조회수 를 측정하는건가?)
'JavaScript 시리즈☕' 카테고리의 다른 글
🚀이벤트(event ) 사용하기2~🚀 | JavaScript 시리즈 014 (2) | 2021.08.06 |
---|---|
🚀이벤트(event ) 사용하기~ 🚀 | JavaScript 시리즈 013 (1) | 2021.08.06 |
🚀음주 가능한지 계산하는 코드🚀 | JavaScript 시리즈 011 (2) | 2021.08.06 |
🚀return VS console.log() 🚀 | JavaScript 시리즈 010 (0) | 2021.08.03 |
🚀object(객체) 🚀 | JavaScript 시리즈 009 (0) | 2021.08.03 |