WEB/JavaScript

[JavaScript][DOM 조작] 0. 전체 종류

bay07 2024. 4. 16. 10:16

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 속성 목록을 포함하는 속성