Javascript to add row in table and display new cells

  function addRow(id,templID,templName){
    var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode(templID))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode(templName))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

<table id="atable">
	<tr><td>Top Row</td></tr>
	<tr><td>Bottom Row</td></tr>
</table>
 
<script>
 
	function AddRow()
	{
		var mytable=document.getElementById("atable")
		var rowCount = mytable.rows.length;
 
		var newrow=mytable.insertRow(rowCount-1);
		var leftcell=newrow.insertCell(0);
		var rightcell=newrow.insertCell(1);
		leftcell.innerHTML="Row count: "+rowCount;
		rightcell.innerHTML = "Time: " + new Date();
	}
</script>
 
<input type="button" onclick="AddRow()" value="Add Row" />

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<script language="JavaScript" type="text/javascript">
function addRow(id,templID,templName){
  var outertable = document.getElementById(id);
  var innertable = outertable.getElementsByTagName("TABLE")[0];
  if(innertable){
    var mytable = innertable;
  } else {
    var mytable = outertable;
  }
  //alert(mytable.innerHTML);
  var rowCount = mytable.rows.length;
  var spanObj = mytable.getElementsByTagName("SPAN")[0];
  if(spanObj.innerHTML =='no data found') spanObj.innerHTML='';
  var row=mytable.insertRow(rowCount-1);
  var td1 = document.createElement("TD")
  var td2 = document.createElement("TD")
  td1.className = "t15data";
  td2.className = "t15data";
  td1.appendChild(document.createTextNode(templID))
  td2.appendChild (document.createTextNode(templName))
  row.appendChild(td1);
  row.appendChild(td2);
}
function setRptParmClient(pthis,pID,pTitle,pType){
    var lcustRptID=$x('P906024_CUST_RPT_ID');
    var lapp=html_GetElement('pFlowId').value;
    var lpg=html_GetElement('pFlowStepId').value;
    var get=new htmldb_Get(null,lapp,'APPLICATION_PROCESS=odpSetCustRptParm',lpg);
    get.add('G_ITEM1',lcustRptID.value);
    get.add('G_ITEM2',pID);
    get.add('G_ITEM3',pType);
    var lrtn=get.get();
    get=null;
    addRow('CLIENTREGION',pID,pTitle);
    $x_HideItemRow(pthis); 
}
</script>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37: