快捷導(dǎo)航

JS實(shí)現(xiàn)向表格中動態(tài)添加行的方法

更新時間：2015年03月30日 15:18:56 作者：歐陽不瘋

這篇文章主要介紹了JS實(shí)現(xiàn)向表格中動態(tài)添加行的方法,涉及javascript針對表格行的動態(tài)添加技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)向表格中動態(tài)添加行的方法。分享給大家供大家參考。具體分析如下：

下面的JS代碼通過表格對象的insertRow方法動態(tài)向表格的最頂端添加新的行

<!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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

如何在TypeScript中處理日期字符串
這篇文章主要介紹了如何在TypeScript中處理日期字符串，主要通過輸入日期字符串來改善開發(fā)者的體驗(yàn)并減少潛在的錯誤，下文實(shí)現(xiàn)操作的分享需要的小伙伴可以參考一下
2022-04-04
UI Events 用戶界面事件
UI即User Interface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)
2012-06-06
微信小程序開發(fā)（二）：頁面跳轉(zhuǎn)并傳參操作示例
這篇文章主要介紹了微信小程序開發(fā)頁面跳轉(zhuǎn)并傳參操作,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序頁面跳轉(zhuǎn)并傳參相關(guān)操作技巧,需要的朋友可以參考下
2020-06-06
echarts3 使用總結(jié)（繪制各種圖表,地圖）
本篇文章主要介紹了echarts3 使用總結(jié)，詳細(xì)的介紹了各種柱狀圖、折線圖、餅圖、全國地圖等的實(shí)現(xiàn)代碼，有需要的可以了解一下。
2017-01-01
文本框倒敘輸入讓輸入框的焦點(diǎn)始終在最開始的位置
所謂的文本框倒敘輸入是指輸入框的焦點(diǎn)始終在最開始的位置，下面是具體的實(shí)現(xiàn)，感興趣的朋友可以學(xué)習(xí)下
2014-09-09
JS二維數(shù)組的定義說明
本篇文章主要是對JS二維數(shù)組的定義進(jìn)行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
原生js獲取iframe中dom元素--父子頁面相互獲取對方dom元素的方法
下面小編就為大家?guī)硪黄鷍s獲取iframe中dom元素--父子頁面相互獲取對方dom元素的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
教學(xué)演示-UBB,剪貼板,textRange及其他
[紅色]教學(xué)演示-UBB,剪貼板,textRange及其他...
2006-11-11
JavaScript窗口功能指南之在窗口中書寫內(nèi)容
JavaScript窗口功能指南之在窗口中書寫內(nèi)容...
2006-07-07
js?實(shí)現(xiàn)div拖拽拉伸完整示例
這篇文章主要為大家介紹了js?實(shí)現(xiàn)div拖拽拉伸完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10