JS实现向表格中动态添加行的方法
更新时间：2015年03月30日 15:18:56 作者：欧阳不疯
这篇文章主要介绍了JS实现向表格中动态添加行的方法,涉及javascript针对表格行的动态添加技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS实现向表格中动态添加行的方法。分享给大家供大家参考。具体分析如下：
下面的JS代码通过表格对象的insertRow方法动态向表格的最顶端添加新的行
<!DOCTYPE html>
<html>
<head>
<script>
function insRow()
{
var x=document.getElementById('myTable').insertRow(0);
var y=x.insertCell(0);
var z=x.insertCell(1);
y.innerHTML="NEW CELL1";
z.innerHTML="NEW CELL2";
}
</script>
</head>
<body>
<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>
<br>
<input type="button" onclick="insRow()" value="Insert row">
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了如何在TypeScript中处理日期字符串，主要通过输入日期字符串来改善开发者的体验并减少潜在的错误，下文实现操作的分享需要的小伙伴可以参考一下2022-04-04
UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计2012-06-06
这篇文章主要介绍了微信小程序开发页面跳转并传参操作,结合实例形式详细分析了微信小程序页面跳转并传参相关操作技巧,需要的朋友可以参考下2020-06-06
本篇文章主要介绍了echarts3 使用总结，详细的介绍了各种柱状图、折线图、饼图、全国地图等的实现代码，有需要的可以了解一下。2017-01-01
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，下面是具体的实现，感兴趣的朋友可以学习下2014-09-09
本篇文章主要是对JS二维数组的定义进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
下面小编就为大家带来一篇原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
[红色]教学演示-UBB,剪贴板,textRange及其他...2006-11-11
JavaScript窗口功能指南之在窗口中书写内容...2006-07-07
这篇文章主要为大家介绍了js 实现div拖拽拉伸完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
最新评论