//HTML
<script type="text/javascript" src="./popup.js"></script> 
<div id="popupTemplate" style="position:absolute;left:395px;top:190;z-index:200;visibility:hidden;">
<table width="300" height="400" cellpadding="2" cellspacing="0">
<tr valign="top"><td id="popup_content{:no:}"></td></tr> 
<tr><td>{:popup_title:}</td></tr>
<tr>
    <td style="border:1px #666666 solid" height="360" align="center" bgcolor="white">
    여기에 내용 삽입
    </td>
</tr>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
 popupWindow("popupTemplate");
});
</script>
 
///popup.js
// id값 popupTemplate를 이용해 getElementById통해서 POPUP.template 저장하기
function popupWindow(template){
	POPUP.template = document.getElementById(template);
	getPopup(); //getPopup 함수 이동
 
}
function getPopup(){
///생략///
    // DB데이터 값 추출
    POPUP.items = data; 
  	  formalize(); 
}
function getPopup(){ 
 
for(var i=0; i<POPUP.items.length; i++){
		//변수 pop에 추출했던 값 저장하기 
		var pop = {
			no: POPUP.items[i].no,
			title: POPUP.items[i].title,
			top: POPUP.items[i].top,
			left: POPUP.items[i].left,
			width: POPUP.items[i].width,
			height: POPUP.items[i].height,
			content: POPUP.items[i].content
		};
 
             
		view(pop);
 
	}
}
function view(pop){ 
 
//자바스크립트 replace 이용해서 치환 했습니다.
var content =  POPUP.template.innerHTML.replace(/{:no:}/g, pop.no).replace(/{:popup_title:}/g, "popup_title"+pop.title)
 
 
/*
여기서 문제가 발생됩니다.
 
이렇게 치환했다고 해서 되는것이 아니라 실제 HTML에도 적용을 해야되는데요.
 
이렇게 하는 방법은 없을까요??
*/
}