'2008/12/05'에 해당되는 글 1건

  1. 2008.12.05 javascript Component 에서 범용Layer를 만들려면
Javascript, Ajax2008. 12. 5. 16:31
현재 간단한 우편번호 검색 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);
Posted by gildong0