자바스크립트(javaScript) getElementById, createElement, appendChild

//javaScript라서 String이 아닌 var로 받는다.
 
var a;
window.addEventListener("load", function(){
    a=document.getElementById("a");
});

getElementById는 소괄호 안의 요소를 가져올 때 사용한다. 위 코드는 불러오기 기능을 수행하기 위한 이벤트를 구현한 것이며, html 코드에 명시한 a라는 이름을 의미한다. 

var b=document.createElement("input");
var c=document.createElement("input");
 
b.name="b";
c.name="c";
         
a.appendChild(b);
a.appendChild(c);

 createElement는 요소를 생성하는데 사용한다. document.createElement("input")은 HTML에서 사용하는 <input type="text"> 와 같다.

document.createElement("input")에 아무 값도 넣지 않으면 기본 디폴트 값이 text기 때문이다. 

 html상에 부여한 이름 값을 변수로 받고, appendchild를 통해 a의 자식 요소로 추가되도록 코드를 작성했다. 

 오랜 만의 javascript라 조금 어색한 부분도 있었지만 한 번 쭉 작성을 해보니 다시 적응이 됐다.