17.4.1 insertrow方法.html

来自「即学即用JavaScript核心对象参考手册原版光盘」· HTML 代码 · 共 41 行

HTML

41 行

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

17.4.1 insertrow方法.html - 源码说明

本页面展示了「即学即用JavaScript核心对象参考手册原版光盘」中的 17.4.1 insertrow方法.html 源码文件，采用 HTML 编程语言编写，共 41 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?