<script type="text/javascript">
//<![CDATA[
var g_aobjPreContent = new Array();
var g_aobjTemp = document.getElementById("sub_content").childNodes;
for( var g_iCt = 0; g_iCt < g_aobjTemp.length; ++g_iCt){
g_aobjPreContent.push(g_aobjTemp[g_iCt]);
}
document.getElementById("btnAppend").onclick=function(){
var objTarget = document.getElementById('sub_content');
var txtNode = document.createTextNode("Hello World");
objTarget.parentNode.appendChild(txtNode);
return;
}
function replaceOriginalNodes(){
var objTarget = document.getElementById("sub_content");
var objDiv = document.createElement("DIV");
objDiv.id = objTarget.id;
for( var iCt = 0; iCt < g_aobjPreContent.length; ++iCt){
objDiv.appendChild(g_aobjPreContent[iCt]);
}
objTarget.parentNode.replaceChild(objDiv,objTarget);
return;
}
document.getElementById("btnReplace").onclick=function(){
var objTarget = document.getElementById('sub_content');
var objDiv = document.createElement("DIV");
objDiv.id = objTarget.id;
var txtNode = document.createTextNode("Hello World");
objDiv.appendChild(txtNode);
var eNode=document.createElement("<BR>");
objDiv.appendChild(eNode);
var txtNode = document.createTextNode("Nice day");
objDiv.appendChild(txtNode);
var eNode=document.createElement("<BR>");
objDiv.appendChild(eNode);
var eNode = document.createElement("INPUT");
eNode.value = "Return to original content";
eNode.type = "button";
eNode.onclick=replaceOriginalNodes;
objDiv.appendChild(eNode);
objTarget.parentNode.replaceChild(objDiv,objTarget);
return;
}
//]]>
</script>