4. html노드 생성과 삭제

자바스크립트 document 메서드를 사용하여 html의 노드를 제어하는 몇가지 방법이다.

 

document.createElement("문자열 태그네임")

인수를 통해서 전달받은 element노드를 생성한다.

 

document.createTextNode("생성할 문자열" 또는 변수)

전달받은 인수를 textnode로 생성한다.

 

element.removeChild(x)

전달받은 인수를 삭제한다.

자신을 호출한 메서드의 자식노드여야한다.

 

element.appendChild(x)

전달받은 인수를 element의 마지막 자식노드로 추가한다.

자신을 호출한 메서드의 자식노드여야한다.

 

element.insertBefore(x,y)

첫번째 인수(x)로 전달받은 요소를, 두번째 인수(y)에 지정한 노드앞에 추가한다.

자신을 호출한 메서드의 자식노드여야한다.

 

See the Pen Untitled by qirtudgus (@qirtudgus) on CodePen.