Javascript 在HTML页面中动态添加表格，动态生成行的示例

最新推荐文章于 2023-07-05 09:25:09 发布

小时候跳过吗

最新推荐文章于 2023-07-05 09:25:09 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/gfuugfdkkn/article/details/87905789

版权

分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>动态添加表格示例</title>
<script language="javascript">
//CopyRight@liwei 2005/11
//动态删除行的函数还没有完成。注意 innerHTML里面的控件代码属性赋值的时候不要使用引号
function addLine(){
   var newLine = planTable.rows.length;
   var row = planTable.insertRow(newLine);
   var col = row.insertCell(0);
   col.innerHTML = "<input type=checkbox name = chk" + newLine + ">";
   col = row.insertCell(1);
   col.innerHTML = "<input type=text size=8>";
   col = row.insertCell(2);
   col.innerHTML = "<select name=object><option value=1>软件项目1</option><option value=2>软件项目2</option></select>";
   col