JS實(shí)現(xiàn)向表格中動(dòng)態(tài)添加行的方法
來(lái)源:易賢網(wǎng) 閱讀:3856 次 日期:2015-04-01 16:40:29
溫馨提示:易賢網(wǎng)小編為您整理了“JS實(shí)現(xiàn)向表格中動(dòng)態(tài)添加行的方法”,方便廣大網(wǎng)友查閱!

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

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

下面的JS代碼通過(guò)表格對(duì)象的insertRow方法動(dòng)態(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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:JS實(shí)現(xiàn)向表格中動(dòng)態(tài)添加行的方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)