현재 간단한 우편번호 검색 component를 만들어보고 있는데 범용적으로 쓰기 위해선
어떤 html파일이든 상관없이 우편번호 검색 Layer를 띄울 수 있어야 한다.
결국 모든 html에 들어있는 태그가 무엇일까?
그렇지! 바로 <body>지. ^^
그럼 <body> 밑에다가 만들면 어떤 html에도 다 돌아가겠군.
그럼 body 태그를 일단 찾아야 하니까 getElementsByTagName 메소드를 이용하면 될 듯한데
var theBody = document.getElementsByTagName("body");
var panel = document.createElement("div");
var ptext = document.createTextNode("test");
panel.appendChild(ptext);
theBody.appendChild(panel);
돌려보니 띵~~~ ... 아무짓도 안한다.
결국 원인은 getElementsByTagName 의 반환객체가 node 타입이 아닌 nodelist 타입이었던 것.
그래서 결국 완성한 코드.
var theBody = document.getElementsByTagName("body")[0];
var panel = document.createElement("div");
var ptext = document.createTextNode("test");
panel.appendChild(ptext);
theBody.appendChild(panel);
