无为清净楼资源网 Design By www.qnjia.com
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript" type="text/javascript">
function addRow() {
var newTR = document.getElementById("testTable").insertRow(document.getElementById("testTable").rows.length);
var newNameTD = newTR.insertCell(0);
newNameTD.innerHTML = "aa";
var newNameTD = newTR.insertCell(1);
newNameTD.innerHTML = "<input name='LastName' id='LastName' type='text' />";
var newNameTD = newTR.insertCell(2);
newNameTD.innerHTML = "<input name='BirthDay' id='BirthDay' type='text' />";
var newNameTD = newTR.insertCell(3);
newNameTD.innerHTML = "<input name='age' id='age' type='text' />";
}
function insertRow() {
var oTable = document.getElementById("table_info");
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = "新添加了一行";
}
function insertRow2() {
//获取table对象
var table = document.getElementById("table_info2");
//找到要添加button的td,这里以表格第一行第一列为例子
var oTd = table.rows[0].cells[0];
//添加button到td中,添加前吧td内容清空并赋予button的代码
oTd.innerHTML = "<button onclick='insertRow22()'>添加收费</button>";
}
function insertRow22() {
var oTable = document.getElementById("table_info2");
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = "新添加了一行";
}
function insertRow3() {
//获取table对象
var table = document.getElementById("table_info3");
//找到要添加button的td,这里以表格第一行第一列为例子
var oTd2 = table.rows[0].insertCell();
oTd2.innerHTML = "&nbps;";
}
function tableDiv() {
var maxRow = 4;
var maxCol = 8;
var strTbody = ["<table border='1'><tbody>"];
for (var i = 0; i < maxRow; i++) {
strTbody.push("<tr>");
for (var j = 0; j < maxCol; j++) {
strTbody.push("<td>test</td>");
}
strTbody.push("</tr>");
}
strTbody.push("</tbody></table>");
var obj = document.getElementById("tableDiv");
obj.innerHTML = strTbody.join("");
}
function init() {
var _table, _tbody, tr, td, text, maxRow, maxCol;
var docBody = document.body;
var _doc = document;
maxRow = 5;
maxCol = 8;
_table = _doc.createElement("table");
_table.border = "1";
_table.style.tableLayout = "fixed";
_tbody = _doc.createElement("tbody");
_table.insertBefore(_tbody, null);
docBody.insertBefore(_table, null);
for (var i = 0; i < maxRow; i++) {
tr = _doc.createElement("tr");
_tbody.insertBefore(tr, null);
for (var j = 0; j < maxCol; j++) {
td = _doc.createElement("td");
text = _doc.createTextNode("Text");
td.insertBefore(text, null);
tr.insertBefore(td, null);
}
}
}
</script>
</head>
<body>
<div>
<table id="testTable" border='1' cellspacing="1">
<tr>
<th>
FirstName
</th>
<th>
LastName
</th>
<th>
BirthDay
</th>
<th>
age
</th>
</tr>
<tr>
<td>
Jim
</td>
<td>
Green
</td>
<td>
L.A
</td>
<td>
23
</td>
</tr>
<tr>
<td>
Andrew
</td>
<td>
Hou
</td>
<td>
Xi'an
</td>
<td>
25
</td>
</tr>
</table>
<input type="button" id="aaa" value="+add new Row" onclick="addRow();" />
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="按钮添加行" onclick="insertRow();" />
<table id="table_info" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="按钮中添加行" onclick="insertRow2();" />
<table id="table_info2" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="连续添加列" onclick="insertRow3();" />
<table id="table_info3" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="添加一个table" onclick="tableDiv();" />
<div id="tableDiv" />
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="连续添加table" onclick="init();" />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript" type="text/javascript">
function addRow() {
var newTR = document.getElementById("testTable").insertRow(document.getElementById("testTable").rows.length);
var newNameTD = newTR.insertCell(0);
newNameTD.innerHTML = "aa";
var newNameTD = newTR.insertCell(1);
newNameTD.innerHTML = "<input name='LastName' id='LastName' type='text' />";
var newNameTD = newTR.insertCell(2);
newNameTD.innerHTML = "<input name='BirthDay' id='BirthDay' type='text' />";
var newNameTD = newTR.insertCell(3);
newNameTD.innerHTML = "<input name='age' id='age' type='text' />";
}
function insertRow() {
var oTable = document.getElementById("table_info");
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = "新添加了一行";
}
function insertRow2() {
//获取table对象
var table = document.getElementById("table_info2");
//找到要添加button的td,这里以表格第一行第一列为例子
var oTd = table.rows[0].cells[0];
//添加button到td中,添加前吧td内容清空并赋予button的代码
oTd.innerHTML = "<button onclick='insertRow22()'>添加收费</button>";
}
function insertRow22() {
var oTable = document.getElementById("table_info2");
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = "新添加了一行";
}
function insertRow3() {
//获取table对象
var table = document.getElementById("table_info3");
//找到要添加button的td,这里以表格第一行第一列为例子
var oTd2 = table.rows[0].insertCell();
oTd2.innerHTML = "&nbps;";
}
function tableDiv() {
var maxRow = 4;
var maxCol = 8;
var strTbody = ["<table border='1'><tbody>"];
for (var i = 0; i < maxRow; i++) {
strTbody.push("<tr>");
for (var j = 0; j < maxCol; j++) {
strTbody.push("<td>test</td>");
}
strTbody.push("</tr>");
}
strTbody.push("</tbody></table>");
var obj = document.getElementById("tableDiv");
obj.innerHTML = strTbody.join("");
}
function init() {
var _table, _tbody, tr, td, text, maxRow, maxCol;
var docBody = document.body;
var _doc = document;
maxRow = 5;
maxCol = 8;
_table = _doc.createElement("table");
_table.border = "1";
_table.style.tableLayout = "fixed";
_tbody = _doc.createElement("tbody");
_table.insertBefore(_tbody, null);
docBody.insertBefore(_table, null);
for (var i = 0; i < maxRow; i++) {
tr = _doc.createElement("tr");
_tbody.insertBefore(tr, null);
for (var j = 0; j < maxCol; j++) {
td = _doc.createElement("td");
text = _doc.createTextNode("Text");
td.insertBefore(text, null);
tr.insertBefore(td, null);
}
}
}
</script>
</head>
<body>
<div>
<table id="testTable" border='1' cellspacing="1">
<tr>
<th>
FirstName
</th>
<th>
LastName
</th>
<th>
BirthDay
</th>
<th>
age
</th>
</tr>
<tr>
<td>
Jim
</td>
<td>
Green
</td>
<td>
L.A
</td>
<td>
23
</td>
</tr>
<tr>
<td>
Andrew
</td>
<td>
Hou
</td>
<td>
Xi'an
</td>
<td>
25
</td>
</tr>
</table>
<input type="button" id="aaa" value="+add new Row" onclick="addRow();" />
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="按钮添加行" onclick="insertRow();" />
<table id="table_info" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="按钮中添加行" onclick="insertRow2();" />
<table id="table_info2" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="连续添加列" onclick="insertRow3();" />
<table id="table_info3" border="1">
<tr>
<th>
Name
</th>
<th>
Age
</th>
</tr>
</table>
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="添加一个table" onclick="tableDiv();" />
<div id="tableDiv" />
</div>
<br />
<hr />
<br />
<div>
<input type="button" value="连续添加table" onclick="init();" />
</div>
</body>
</html>
标签:
js,table
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
更新日志
2024年10月02日
2024年10月02日
- 纪钧瀚《钢琴阅读时光 雨中书店聆听轻音乐》[FLAC/分轨][399.62MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[320K/MP3][87.4MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[FLAC/分轨][184.94MB]
- 陈慧娴.2018-Priscilla-Ism演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 郑秀文.1999-我应该得到(国)【华纳】【WAV+CUE】
- 陈家慧.2011-钢琴酒吧2CD【龙吟唱片】【WAV+CUE】
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[320K/MP3][45.01MB]
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[FLAC/分轨][109.13MB]
- 赞多《序章》[320K/MP3][45.54MB]
- 许巍.2004-每一刻都是崭新的【步升大风】【WAV+CUE】
- 群星.2024-四方馆影视原声带【韶愔音乐】【FLAC分轨】
- 陈雷.1997-安锁咧【金圆唱片】【WAV+CUE】
- 关淑怡.2013-MY.FAVORITE.SK.3CD【环球】【WAV+CUE】
- Sweety.2006-花言乔语【丰华】【WAV+CUE】
- 李恕权.2003-回·20年全精选2CD【SONY】【WAV+CUE】