TIL - 20220827

 오늘은 모던 JavaScript 튜토리얼에서 문서 수정하기에 대해 공부했다. 작성한 질문은 다음과 같다.

DOM 노드를 만들 때 사용하는 메서드로는 다음과 같다.

• document.createElement(tag): tag에는 div, span과 같은 HTML 태그를 넣어주며, 태그 이름을 사용해 새로운 요소를 만든다.
• document.createTextNode(text): 주어진 text를 바탕으로 새로운 텍스트 노드를 만든다.

 

자바스크립트에서 지원하는 노드 삽입 메서드로는 다음과 같다.

• node.append(노드 혹은 문자열): 노드나 문자열을 node 끝에 삽입한다.
• node.prepend(노드 혹은 문자열): 노드나 문자열을 node 맨 앞에 삽입한다.
• node.before(노드 혹은 문자열): 노드나 문자열을 node 이전에 삽입한다.
• node.after(노드 혹은 문자열): 노드나 문자열을 node 이후에 삽입한다.
• node.replaceWith(노드 혹은 문자열): node를 새로운 노드나 문자열로 변경한다.

 

 노드 삭제 메서드로는 node.remove()가 있다. 

 

 노드 복제 메서드로는 cloneNode가 있다.