table 에 tr 추가 하기

table의 id가 tb1 이 아니라 tbl 이네요.

 

<style>
 .cel0{width:13%;height:35;background:#eeffee}
 .cel1{width:491;}
 .mes{background:#ffffff;border-top:0px;border-bottom:1px solid red;border-left:0px;border-right:0px}
</style>

<TABLE id=tbl border=1>
<TR>
 <TD class=cel0>메시지</TD>
    <td class=cel1><input type=text name="content" size="65" disabled class=mes></td>
</TR>
</TABLE>

<table>
<TR> 
 <TD align="center" colspan="6" height="40" bgcolor=#ffffdd width="570"> <input type="button" value="메세지추가" ></TD>
</TR>
</TABLE>

<script>
 function m_plus(){
  oRow = document.createElement('tr');
  oCel0 = document.createElement('td');
  oCel1 = document.createElement('td');

  oRow.style.textAlign='center';

  oCel0.className='cel0';
  oCel1.className='cel1';

  oRow.appendChild(oCel0);
  oRow.appendChild(oCel1);

  oCel0.innerHTML="메 세 지";
  oCel1.innerHTML="<input type=text name=content size=65 disabled class=mes>";

  document.getElementById('tbl').children(0).appendChild(oRow);

 }
</script>



var oTbl = document.getElementById('CardMapItem');
var oRow = oTbl.insertRow();
cel1 = oRow.insertCell();
cel1.innerHTML = "1";