js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）

*****************************************************************
js动态添加表的列,并在列中添加控件的方法<html>
<head>
<title>添加行</title>
<script language="JavaScript">
function addrows()
{var table=document.getElementById("t1");var row;row=table.insertRow();var cell = row.insertCell(0);var e = document.createElement("<input id=/"kjmc/" type=/"text/"></input>");cell.appendChild(document.createTextNode("添加的内容："));cell.appendChild(e);
}
</script>
</head>
<body><form><input type="button" οnclick="addrows()" value="添加一行"></form><table id="t1" border="1"></table>
<body>
</html>******************************************************************
js在指定位置添加控件的方法
方法一：
<html>
<head>
<title>添加行</title>
<script language="JavaScript">
function addElement()
{var cell=document.getElementById("22");var e = document.createElement("<input id=/"kjmc/" type=/"text/"></input>");cell.appendChild(document.createTextNode("添加的内容："));cell.appendChild(e);
}
</script>
</head>
<body><form><input type="button" οnclick="addElement()" value="添加控件到22"></form><table id="t1" border="5"><tr><td  width="200" height="100">11</td><td  width="200" height="100">12</td></tr><tr><td  width="200" height="100">21</td><td  width="200" height="100" id="22">22</td></tr></table>
<body>
</html>
方法二：(转)
<html><head><title> New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""></head><body><table id="t1" border="1" width="300"><tr><td> </td><td> </td>td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table><button id="b1" οnclick="f1()">add new textbox</button></body>
</html>
<script type="text/javascript">function f1(){var _t = document.getElementById("t1");var _i = document.createElement("input");_i.type = "text";_i.value = "i am a new textbox";_t.rows[1].cells[1].appendChild(_i);}
</script>*****************************************************************js找到表格中的行号，删除该行的方法（转）<html>
<head>
<title>1</title>
<script>
//得到行对象
function getRowObj(obj)
{var i = 0;while(obj.tagName.toLowerCase() != "tr"){obj = obj.parentNode;if(obj.tagName.toLowerCase() == "table")return null;}return obj;
}//根据得到的行对象得到所在的行数
function getRowNo(obj){var trObj = getRowObj(obj);var trArr = trObj.parentNode.children;for(var trNo= 0; trNo < trArr.length; trNo++){if(trObj == trObj.parentNode.children[trNo]){alert(trNo+1);}}
}//删除行
function delRow(obj){var tr = this.getRowObj(obj);if(tr != null){tr.parentNode.removeChild(tr);}else{throw new Error("the given object is not contained by the table");}
}
</script>
</head><body>
<table border = "1">
<tr>
<td>A<input type="button" value="A" οnclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<input type="button" value="B" οnclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<input type="button" value="C" οnclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<input type="button" value="D" οnclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>

js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）相关推荐

java 边读边写文件_文件操作--边读边写,在指定位置添加内容(避免乱码)
[java]代码库/** * @param lineNumber 选择要添加内容的行数 * @param attribute1 选择要添加的内容1 * @param attribute2 选择要添加的 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
asp.net动态添加控件学习
看了老师的教程后,自己一点感悟记录下来: 1.在页面提交后,动态生成的控件会丢失, 但如果生成控件的代码在pageload中,就可以,原理是每次生成页面都执行生成. 2.动态按件或页面原来控件, 在页 ...
动态添加综合布局---动态添加控件及将某XML动态加入到Activity显示（续）
前言:以前曾写过一篇关于动态生成控件的文章<动态添加控件及将某XML动态加入到Activity显示>,比较浅显,对于RelativeLayout的相关布局设置方法及相对布局与线性布局的混合 ...
动态添加控件及将某XML动态加入到Activity显示
一.动态添加控件.设置参数这个难度比较大,放在前面讲,用的也比较多,普通情况下,我们会提前把布局XML写好,然后对XML中的元素进行设置,但这种方法在有些情况下就显得不适合,比较聊天应用,比如帖子的 ...
关于页面动态添加控件(转)
最近看到很多问题都是关于页面动态添加控件,页面postback以后,就取不到这些控件了.其实每次在页面上动态添加控件(或者在数据控件上动态添加列),它们的状态是不会被添加到页面的ViewState中去 ...
Android 在布局容器中动态添加控件
这里,通过一个小demo,就可以掌握在布局容器中动态添加控件,以动态添加Button控件为例,添加其他控件同样道理. 1.addView 添加控件到布局容器 2.removeView 在布局容器中删掉 ...
Windows phone7 动态添加控件
Windows phone7 动态添加控件 2011-03-29 3:48 using System; using System; using System.Collections.Generic; ...
学习笔记：VB.net动态添加控件数组并传递事件
学习笔记:VB.net动态添加控件数组并传递事件控件数组和事件 "中间人" 动态添加控件控件数组和事件新建一个用户窗体,在定义控件数组时,不能用Withevnets来定义数组 ...

js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）

js 对表格的动态操作（动态添加行，删除该行，在指定位置添加控件）相关推荐

最新文章

热门文章