3.2 - 자바스크립트(JavaScript)와 DOM

DOM 요소의 선택 

HTML <li> 요소를 선택하기

var selectedItem = document.getElementByTagName("li");

아이디가 "id"인 요소를 선택하기

var selectedItem = document.getElementById("id");

클래스가 "odd"인 모든 요소를 선택하기

var selectedItem = document.getElementByClassName("odd")

name 속성값이 "first" 인 모든 요소를 선택하기

var selectedItem = document.detElementByName("first");

---

DOM 요소의 스타일 변경

아이디가 "even"인 요소를 선택하기

var selectedItem = document.getElementById("even");

선택된 요소의 텍스트 색상을 변경하기

selectedItem.style.color = "red";

---

DOM 요소의 내용 변경

아이디가 "text"인 요소를 선택하기

var str = document.getElementById("text");

선택된 요소의 내용을 변경

str.innerHTML = "요소의 내용을 바꿉니다";