📄 17.4.1 insertrow方法.html

📁 javascript即用即差核心对象手册

💻 HTML

字号:

<body >
<table border=1 id="otable">
   <tr>
      <td>第一行第一列</td><td>第一行第二列</td>
	  <td bgcolor="#CCCCCC" onClick="addRow(this.cellIndex)">添加</td>
   </tr>
   <tr>
      <td>第二行第一列</td><td>第二行第二列</td>
	  <td bgcolor="#CCCCCC" onClick="addRow(this.cellIndex)">添加</td>
   </tr>
   <tr>
      <td>第三行第一列</td><td>第三行第二列</td>
	  <td bgcolor="#CCCCCC" onClick="addRow(this.cellIndex)">添加</td>
   </tr>
  </table>
  <input type="button" value="添加一行" onClick="addRow(0)">
 <script>
  function addRow(pos)
  {
    var otable=document.all.otable;
	var cols=otable.rows(0).cells.length;
	//插入一行
    var otr=otable.insertRow(pos);
	for(var i=0;i<cols;i++)
	 {
		 //向新行中添加新的单元格
		 var ocell=otable.rows(pos).insertCell(i);
		 if(i==cols-1)
		   {
		      ocell.innerText="添加";
			  ocell.bgColor="#CCCCCC";
			  ocell.innerHTML="<label onclick='addRow("+ocell.cellIndex+")'>添加</table>";
			}
		 else
		    ocell.innerText="新添加的";
	 }
  }
 </script>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -