[JavaScript] 자바스크립트 노드 생성 및 추가

노드 생성

var input = document.createElement('input');

생성된 노드 속성 추가

input.setAttribute('type', 'text');

텍스트 노드 추가

var txt = document.createTextNode('hello');

부모 노드에 생성된 노드 추가

부모노드.appendChild(input);

예제

위 노드 추가 방법으로 테이블을 추가하는 예제는 아래에서 확인할 수 있다.
버튼을 계속 클릭하면 테이블이 추가된다.

See the Pen 노드 추가 by recordboy (@recordboy) on CodePen.

References

HTML DOM appendChild() Method

updated_at 12-12-2017