帮我看看,高分求教!!!!!!!!!!!!!!

楼主你那样做是不对啊?给你一个例子参考一下吧,.
function creatTable()
       {
         var oTable = document.createElement("table");
         //建立Table
         oTable.setAttribute("border",1);
         oTable.setAttribute("width","100%");
         //建立tbody
         var oTBody = document.createElement("tbody");
         oTable.appendChild(oTBody);
         //建立第一行
         oTBody.insertRow(0);
         oTBody.rows[0].insertCell(0);
         oTBody.rows[0].cells[0].appendChild(document.createTextNode("Cell 1,1"));
         oTBody.rows[0].insertCell(1);
         oTBody.rows[0].cells[1].appendChild(document.createTextNode("Cell 2,1"));
         //建立第二行
         oTBody.insertRow(1);
         oTBody.rows[1].insertCell(0);
         oTBody.rows[1].cells[0].appendChild(document.createTextNode("Cell 1,2"));
         oTBody.rows[1].insertCell(1);
         oTBody.rows[1].cells[1].appendChild(document.createTextNode("Cell 2,2"));
         //最后把表格添加到body区域
         document.body.appendChild(oTable);
        }

对TABLE来说
要用table.insertRow() 来创建TR
用Row.insertCell() 来创建TD的
用table.deleteRow([iRowIndex])来删除TR

var i=0;
var gg=' <tr>';
gg+=' <td width="56%" align="left">';
gg+=' <span class="red">* </span> 序号:';
gg+=' <label>';
gg+=' <input name="suo1" type="text" class="border2" />';
gg+=' </label>';
gg+='至';
gg+=' <input name="suo2" type="text" class="border2" />';
gg+=' <br />';
gg+=' <br />';
gg+=' <span class="red">* </span> 显 示 内 容:';
gg+=' <label>';
gg+=' <textarea name="texts" cols="50" rows="4" class="border2"> </textarea>';
gg+=' </label>'; gg+=' </td>';
gg+=' </tr>'; 我这没table啊,谁能把我这里整出来

document.form1.appendChild(gg);
楼主这里本来就有问题试问怎能在form下面直接加tr呢？应该加个table，然后设个id
然后再用insertRow，insertCell等方法

appendChild(new)
removeChild(node)

例子<body>
<p>
  <input type="button" name="Button" value="addRow" onclick="addRow()">
  <input type="button" name="Button" value="deleteRow" onclick="delRow()">
</p>
<table width="50%"  border="1" id="tab1">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>
</body>
<script language="javascript">
oTab=document.getElementById("tab1");
function addRow(){
var oTr=oTab.insertRow();//添加TR
var cols=oTab.rows[0].cells.length;//得到表格有几列
for(var i=0;i<cols;i++){
var oTd=oTr.insertCell();//添加TD
oTd.innerHTML=i+1;
oTr.appendChild(oTd);
}
}
function delRow(){
var rows=oTab.rows.length;
if(rows<=1) return false;
var oTr=oTab.rows[rows-1];
oTab.deleteRow(oTr)
}
</script>

lz的程序格式不正确,<script language="javascript"></script>不可写在<table></table>之间,应写成<head></head>中,在<script></script>中应用关键字function定义要在body体内调用的方法,形如function test(){...},而不是象lz 把语句块都写在<script></script>内.
至于lz所提的,增删功能的实现,完全可以利用js自带的类库中的方法,比如增加一个值,用(表行变量).appendChild(表单元格变量);删除一行记录用(表所有行变量).deleteRow(表行变量),表行是通过oTab=document.getElementById("tab1");语句获得.其中"tab1"是从<table id="tab1"></table>的id引用来的.
完整的程序如楼上所示^-^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
  <link href="../css.css" rel="stylesheet" type="text/css">
</head> <body>
<table width="98%" border="0" cellspacing="6" cellpadding="6">
  <tr>
    <td align="left" valign="top"> <table width="85%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>  </td>
      </tr>
            <table width="85%" border="1" cellpadding="3" cellspacing="0" class="table-list">
          <tr>
            <td height="30" align="left">    <span class="red">状态设置 </span>
            <input name="button222" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="新增状态" /> </td>
          </tr>
          <tr>
            <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="5">
              <tr>
                <td width="56%" align="left"> <span class="red">* </span>序号:
                  <label>
                  <input name="textfield" type="text" class="border2" value=" " />
                  </label>
                  至
                  <input name="textfield2" type="text" class="border2" value="" />
                  <br />
<br />
<span class="red">* </span> 内 容:
<label>
<textarea name="textarea" cols="50" rows="4" class="border2">xxxxxxxxxxxxxxxxxx </textarea>
</label>
<input name="button223" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="删除" /> </td>
              </tr>
                    </td>
  </tr>
</table>



      </td>
  </tr>
</table>
</body>
</html>

我一点新增就增加一个 <tr>
            <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="5">
              <tr>
                <td width="56%" align="left"> <span class="red">* </span>序号:
                  <label>
                  <input name="textfield" type="text" class="border2" value=" " />
                  </label>
                  至
                  <input name="textfield2" type="text" class="border2" value="" />
                  <br />
<br />
<span class="red">* </span> 内 容:
<label>
<textarea name="textarea" cols="50" rows="4" class="border2">xxxxxxxxxxxxxxxxxx </textarea>
</label>
<input name="button223" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="删除" /> </td>
              </tr>

我一点删除就删除一个 <tr>
            <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="5">
              <tr>
                <td width="56%" align="left"> <span class="red">* </span>序号:
                  <label>
                  <input name="textfield" type="text" class="border2" value=" " />
                  </label>
                  至
                  <input name="textfield2" type="text" class="border2" value="" />
                  <br />
<br />
<span class="red">* </span> 内 容:
<label>
<textarea name="textarea" cols="50" rows="4" class="border2">xxxxxxxxxxxxxxxxxx </textarea>
</label>
<input name="button223" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="删除" /> </td>
              </tr>

呵呵刚看到跟web版是一个帖子把分一起接了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
  <link href="../css.css" rel="stylesheet" type="text/css">
  <SCRIPT LANGUAGE="JavaScript">

  
  </SCRIPT>
</head> <body onload="load()">
<table width="98%" border="1 solid" cellspacing="6" cellpadding="6" >
  <tr>
  <td>
       <span class="red">状态设置 </span>
            <input name="button222" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="新增状态"  onclick="_add(this)"/>
</td>
</tr>
              <tr>
                <td width="56%" align="left">
<span class="red">* </span>序号:                   <input name="textfield" type="text" class="border2" value=" " />
                  至
                  <input name="textfield2" type="text" class="border2" value="" />
                  <br />
<br />
<span class="red">* </span> 内 容: <textarea name="textarea" cols="50" rows="4" class="border2">xxxxxxxxxxxxxxxxxx </textarea>
<input name="button223" type="button" class="btn1_mouseout" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" value="删除"  onclick="_del(this)"/>
</td>
  </tr>
</table>
</body>
</html>

调试易

帮我看看,高分求教!!!!!!!!!!!!!!

解决方案 »