this is the first line.
this is the second line.
  • one
  • two
1,11,2
2,12,2


<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>