HWI's Devlog
article thumbnail
[JS] DOM 조작하기
Dev/Javascript 2023. 4. 11. 09:27

자바스크립트로 html DOM을 조작하는데 필요한 기본적인 명령들. 새로운 요소 추가하기 (Create) createElement() 새로운 요소를 생성한다. const addDiv = document.createElement("div"); node.before(), node.after() 호출한 노드 앞, 뒤에 새로운 노드를 추가한다. a.after(addDiv); a.before(addDiv); textContent = 요소에 text 내용을 추가한다. addDiv.textContent = "내용을 추가합니다."; classList.add() 요소에 클래스를 추가하다. addDiv.classList.add("newClass"); Node.append() 생성한 요소를 원하는 요소에 추가한다. Node..