JavaScript talbe表中指定位置插入一行的实现代码脚本之家修正版 | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

JavaScript talbe表中指定位置插入一行的实现代码脚本之家修正版

2012年06月04日 ⁄ 综合 ⁄ 共 796字 ⁄ 字号小中大 ⁄ 评论关闭

最近在学JavaScript，下面是我自己做的一个例子（在w3cschool例子的基础上）
该例子实现功能是在鼠标点击的行之后插入一行，默认是在第一行插入。插入的内容可以自己输入，代码如下

<script type="text/javascript"> 
//global var 
var pos =0 
//to find the position you mouse has pressed 
function whichElement(e) 
{ 
var targ 
if (!e) var e = window.event 
if (e.target) targ = e.target 
else if (e.srcElement) targ = e.srcElement 
if (targ.nodeType == 3) // defeat Safari bug 
targ = targ.parentNode 
if(targ.tagName=="TD"){//to adjust whether the element is tabledata 
pos = targ.parentNode.rowIndex+1 
} 
else if(targ.tagName=="INPUT"){ 
//to do nothing 
} else{ 
pos =0 
} 
//alert(pos) 
} 
//to insert a row in the place 
function insRow() 
{ 
//alert(pos) 
var x=document.getElementById('myTable').insertRow(pos) 
var y=x.insertCell(0) 
var z=x.insertCell(1) 
y.innerHTML=document.getElementById("cell1").value 
z.innerHTML=document.getElementById("cell2").value 
} 
</script><br />
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<p>
Cell1:<input type="text" id="cell1" value="cell1"><br />
Cell2:<input type="text" id="cell2" value="cell2"></p>
<p><input type="button" onclick="insRow()" value="插入行">

返回

【上篇】如何使用VSTS写单元测试
【下篇】Google sidewiki(边栏标注)被指模仿Reframe IT

作者: classmate

该日志由 classmate 于12年前发表在综合分类下，最后更新于 2012年06月04日.
转载请注明: JavaScript talbe表中指定位置插入一行的实现代码脚本之家修正版 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）