* id 선택자로 접근하는 getElementById() 메서드
- 기본형 : 요소명.getElementById("id명")
document.getElementById("heading") // id값이 heading인 요소에 접근
* class 값으로 접근하는 getElementsByClassName() 메서드
- 기본형 : 요소명.getElementByClassName("class명")
document.getElementByClassName("bright") // class = "bright" 속성이 있는 요소를 모두 검색* 태그 이름으로 접근하는 getElementsByTagName() 메서드
- 기본형 : 요소명.getElementsByTagName("태그명")
document.getElementsByTagName("p") // <p>태그를 사용한 모든 요소에 접근
* 다양한 방법으로 접근하는 querySelector(), querySelectorAll() 메서드
- 기본형 : 노드.querySelector(선택자) or 노드.querySelectorAll(선택자 또는 태그)
querySelector("#heading") // id = "heading"인 요소
querySelectorAll(".bright") // class = "bright"인 요소'HTML, CSS, Javascript' 카테고리의 다른 글
| [Javascript] DOM에서 노드 추가하기 (0) | 2021.08.23 |
|---|---|
| [Javascript] event 객체의 프로퍼티와 메서드 (0) | 2021.08.22 |
| [Javascript] window 객체의 메서드 (0) | 2021.08.16 |
| [Javascript] 이벤트 당첨자 뽑기 프로그램 (0) | 2021.08.10 |
| [Javascript] Math 객체의 메서드 (0) | 2021.08.10 |