📒 자바스크립트와 DOM
🟣 DOM 요소의 선택
// HTML <li> 요소를 선택
var selectedItem = document.getElementByTagName("li");
// 아이디가 "id"인 요소를 선택
var selectedItem = document.getElementById("id");
// 클래스가 "odd"인 모든 요소를 선택
var selectedItem = document.getElementsByClassNAme("odd");
// name 속성값이 "first"인 모든 요소를 선택
var selectedItem = document.getElementsByName("first");🔸 실습 코드
🟣 DOM 요소의 스타일 변경
// 아이디가 "even"인 요소를 선택
var selectedItem = document.getElementById("even");
// 선택된 요소의 텍스트 색상을 변경
selectedItem.style.color = "red";🔸 실습 코드
🟣 DOM 요소의 내용 변경
// 아이디가 "text"인 요소를 선택
var str = document.getElementById("text");
// 선택된 요소의 내용을 변경
str.innerHTML = "요소의 내용을 바꿉니다";