DOM Manipulation::JavaScript 레퍼런스

DOM을 조작하는 APIs

textContent property: 현재 노드와 하위의 텍스트 콘텐츠를 조회하거나 설정한다.
appendChild() method: 지정된 노드(node) 객체를 자식 노드로 끝에 추가한다.
cloneNode() method: 노드를 새로운 노드로 복사한다.
insertBefore() method: 지정된 새 자식 노드를 지정된 기존 자식 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.
removeChild() method: 자식 노드를 제거하고 제거된 노드를 반환한다.
replaceChild() method: 현재 노드에서 지정된 기존 자식 노드를 새로운 노드로 대체한다.
replaceWith() method: 현재 요소를 지정된 요소로 대체한다.
innerHTML property: 요소에 포함된 HTML 또는 XML 태그를 조회하거나 설정한다.
outerHTML property: 요소의 자식 요소를 포함하여 요소를 나타내는 직렬화된 HTML 일부를 조회하거나 설정한다.
after() method
append() method
before() method
prepend() method
remove() method: DOM 트리에서 해당 요소를 제거한다
innerText property: 요소 및 하위 요소의 텍스트 콘텐츠를 조회하거나 설정한다.

JavaScript
HTML
CSS
Development