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

 时间:2024-10-12 14:07:53

1、首先在记事本中输入以下代码:<html><head></head><body><table id="my皈其拄攥Table" 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&qu泠贾高框ot;>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设置文本方向
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 热门搜索
    感恩节的手抄报图片 保护动物手抄报资料 关于低碳环保的手抄报 感恩主题手抄报 二年级安全手抄报 健康小报手抄报 青春手抄报图片 感恩亲情手抄报 道德手抄报 安全消防手抄报