JavaScript button 태그에 글씨 넣기

var butt = document.createElement('button');

이런식으로 button 태그를 동적으로 생성할수 있다.

 

그런데 위의 방식으로 생성하면 조그마한 버튼만 생성될 뿐이다.

 

그럼 버튼위에 글씨를 어떻게 넣어야 할까.... 아래에서 설명하겠다.

 

var text = document.createTextNode('buttonName');

위에 처럼 text노드에 원하는 buttonName을 설정하고

butt.appendChild(text);

맨위에 butt 이라고 동적으로 만든 버튼에 text 객체를 appendChild를 하면 

buttonName이라는 글씨가 있는 버튼이 생성된다.