자바스크립트 노드2 [ JavaScript ] 자바스크립트 기본 문법 | 노드 변경 API(appendChild, createElement, createTextNode, removeChild, replaceChild) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 노드 변경 API 이번 포스팅에서는 노드를 추가하고, 제거하고, 변경하는 방법을 다뤄보겠습니다. 노드 추가 노드의 추가와 관련된 API들은 아래와 같습니다. appendChild(child) 노드의 마지막 자식으로 주어진 엘리먼트 추가합니다. insertBefore(newElement, referenceElement) appendChild와 동작방법은 같으나 두번째 인자로 엘리먼트를 전달 했을 때 이것 앞에 엘리먼트가 추가됩니다. 노드를 추가하기 위해서는 추가할 엘리먼트를 생성해야 하는데, 이것은 document 객체의 기능입니다. 노드 생성 아래 API는 노드를 생성하는 .. 2021. 2. 8. [ JavaSript ] 자바스크립트 기본 문법 | 노드 종류 API(nodeType, nodeName) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 노드 종류 API 저번 포스팅에서는 Node 객체가 무엇인지, 노드 객체에서 관계와 관련있는 API는 어떤 것이 있는지 알아봤었습니다. 이번 포스팅은 Node 종류 API 를 알아보도록 하겠습니다. 노드 작업을 하게 되면 현재 선택된 노드가 어떤 타입인지를 판단해야 하는 경우가 있습니다. 이런 경우에 사용할 수 있는 API가 nodeType, nodeName입니다. Node.nodeType node의 타입을 의미합니다. Node.nodeName node의 이름 (태그명을 의미합니다.) Node Type 노드의 종류에 따라서 정해진 상수가 존재합니다. 아래는 모든 노드의 종류.. 2021. 2. 8. 이전 1 다음