如何使用JavaScript表格对象对表格添加新的一行

 时间:2026-02-13 03:31:19

1、首先在记事本中输入以下代码:

<html>

<head>

</head>

<body>

<table id="myTable" border="1">

<tr>

<td>第一行1</td>

<td>第一行2</td>

</tr>

<tr>

<td>第二行1</td>

<td>第二行2</td>

</tr>

<tr>

<td>第一行1</td>

<td>第二行2</td>

</tr>

</table>

<br />

</body>

</html>

然后把文件保存为.html文件,在浏览器中打开如图

如何使用JavaScript表格对象对表格添加新的一行

2、在表格后添加一个按钮

<input type="button" value="插入行">

如何使用JavaScript表格对象对表格添加新的一行

如何使用JavaScript表格对象对表格添加新的一行

3、添加JavaScript脚本

<script type="text/javascript">

function insRow()

  {

  var x=document.getElementById('myTable').insertRow(0)

  var y=x.insertCell(0)

  var z=x.insertCell(1)

  y.innerHTML="新行1"

  z.innerHTML="新行2"

  }

</script>

并在按钮点击事件中引用;

<input type="button" onclick="insRow()" value="插入行">

如何使用JavaScript表格对象对表格添加新的一行

4、点击插入行按钮后即可在第一行进行插入,若想在别的地方插入只需要对document.getElementById('myTable').insertRow(0)中的‘’0‘进行修改。

如何使用JavaScript表格对象对表格添加新的一行

  • 如何他用powerdesigner中的SQL语句创建数据表
  • 职称计算机考试经验:Frontpage横幅广告创建
  • css如何设置文本以反方向显示
  • 如何使用HTML5+CSS3属性direction设置文本方向
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 热门搜索
    中国位于什么半球 什么而什么用 鱼竿调性是什么意思 录视频用什么软件好 学步鞋什么牌子好 什么叫乌木 电磁炉什么牌子最好 丘比特是什么意思 举世瞩目的意思 财位放什么好