1. 속성 (attribute) 조작
| 클래스 속성 조작 | 일반 속성 조작 |
| 'classList' property 요소의 클래스 목록을 DOMTokenList(유사 배열) 형태로 반환 element.classList.add() element.classList.remove() element.classList.toggle() |
Element.getAttribute() Element.setAttribute(name, value) Element.removeAttribute() |
2. HTML 콘텐츠 조작
| 'textContent' property 요소의 텍스트 콘텐츠를 표현 |
3. DOM 요소 조작
| document.createElement(tagName) Node.appendChild() Node.removeChild() |
4. 스타일 조작
| 'style' property 해당 요소의 모든 style 속성 목록을 포함하는 속성 |
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript][DOM 조작] 2. 속성 조작 (일반 속성) (0) | 2024.04.16 |
|---|---|
| [JavaScript][DOM 조작] 1. 속성 조작 (클래스 속성) (0) | 2024.04.16 |
| [JavaScript] DOM 선택 (0) | 2024.04.16 |
| [JavaScript] document 객체 (0) | 2024.04.16 |
| [JavaScript] DOM (The Document Object Model) (0) | 2024.04.16 |