Javascript [ 선택자를 잡는 방법 ]

선택자를 잡는 방법

• CSS 선택자 이용 권장 ( QuerySelector, QuerySelectorAll)

아이디 이용

document.getElementById("아이디명");
// return 타입은 1개의 객체(object)

태그 이용

document.getElementByTagName("태그명");
// NodeList 타입으로 반환
// 객체(object)가 여러개인 형태로 반환
document.getElementByTagName("태그명")[index];
// 해당 태그명의 index 번째

클래스명 이용

document.getElementsByClassName("클래스명");
// NodeList 타입으로 반환
// 객체(object)가 여러개인 형태로 반환

---

CSS 선택자 이용

1. QuerySelector

document.querySelector("CSS선택자");
// return 타입은 한개의 객체(object)

2. QuerySelectorAll

document.querySelectorAll("CSS선택자");
// NodeList 타입으로 반환
// 객체(object)가 여러개인 형태로 반환

---

자바스크립트 Style

• 배경색

CSS
background-color : 색;	// 스네이크 기법

JS
변수명.style.backgroundColor = "색";	// 카멜 기법

---

정리

• 08_getElement_querySelectorAll
  -> getElement_querySelectorAll.html, getElement_querySelectorAll.css, getElement_querySelectorAll.js