DOM创建table
来源:互联网 发布:手机淘宝购买流程 编辑:程序博客网 时间:2024/06/05 02:01
function deleteOldTable() {
delRow = document.getElementsByTagName("table").length
//此句仅在本例中使用,因为本例中已经有一个table了,因此不能删除,需要根据情况变化一下2005.11.17
if(delRow == 1) return
var node = document.getElementsByTagName("table")[delRow-1]; //表格
var c = node.childNodes.length
for(i=0;i<c;i++)
node.removeChild(node.childNodes[0]); //删除全部单元行
}
//传入DataSet的一个实例即可
function makeTable(m_ds) {
deleteOldTable() //先清除以前的结果
var table = document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("width","100%");
document.body.appendChild(table);
var header = table.createTHead();
var headerrow = header.insertRow(0);
headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));
headerrow.insertCell(1).appendChild(document.createTextNode("职业"));
headerrow.insertCell(2).appendChild(document.createTextNode("工资"));
for(var i=0;i<m_ds.getCount();i++) {
var name = m_ds.getAttribute(i,"name")
var job = m_ds.getData(i,"job")
var salary = m_ds.getData(i,"salary")
var row = table.insertRow(i+1);
row.insertCell(0).appendChild(document.createTextNode(name));
row.insertCell(1).appendChild(document.createTextNode(job));
row.insertCell(2).appendChild(document.createTextNode(salary));
}
}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
/*
动态添加table.将table中的text的值存入另一text中,在后台得到另一text的值
注意:1。OnChanged将“text的值存入另一text中”。如果此事件写入后台代码,将得不到。因为被postback掉了。
故先存,再运行后台代码。
2。在html中有一table,名字为filetb。
如果需要动态修改,在table里添加literal.text.
*/
var allCount;
allCount=0;
function addAttachment() {
allCount++;
var Num,p,myrow,indexnewrow,c1,c2,c3;
var rown=filetb.rows.length;
myrow=filetb.insertRow(rown-1);
myrow.id="tdt"+allCount;
myrow.name="tdt"+allCount;
myrow.className="smallFont";
c1=myrow.insertCell();
c1.width="100";
c1.align="right";
c1.innerHTML="<p align=right>代码" + (allCount) + ":";
c2=myrow.insertCell();
c2.align="left";
c2.innerHTML="<INPUT type='text' onchange='return GetValue()'style='width:200' class=t1 name=txtCode"+(allCount)+"MaxLength='50'>";
c3=myrow.insertCell();
c3.align="left";
c3.innerHTML=" <a href='javascript:removeatt(" + allCount + ");'>删除</a>";
}
function GetValue()
{
var id;
var a;
var b;
for(i=0;i<filetb.rows.length;i++)
{
a = filetb.rows(i).cells(0).innerText;
a = a.substring(2,3);
id = "txtCode" + a;
document.all("txt").value += document.all(id).value;
}
}
function removeatt(ln)
{
var i
var tdname
var tdln
var line=ln;
if (line>0) {
for (i=0;i<filetb.rows.length;i++) {
tdname=filetb.rows[i].name;
tdln=tdname.substring(3,tdname.length);
if (tdln==line) {
filetb.deleteRow(i);
break;
}
}
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" runat="server">
<input type=button onclick="return addAttachment()" id=btnNew value=click />
<input type=button onclick="return GetValue()" id=btnGet value=GetValue />
<input type="text" id=txt />
<table id=filetb></table>
</form>
</body>
</html>
- DOM创建table
- dom创建table的一个方法
- 解决dom创建table的显示不了的方法
- 操纵DOM,创建table,显示获得的数据
- Jquery5_控制Dom元素_动态创建table
- DOM操作table
- HTML DOM Table 对象
- JS DOM之table
- DOM遍历table
- 创建Table
- 创建table
- Tutorials - DOM Table Delete Row
- DOM动态删除TABLE多行
- javascript DOM 清空table
- DOM—动态添加table
- 使用DOM创建XML
- 使用DOM创建XML
- 使用DOM创建XML
- 北大2487题
- 疯狂JAVA讲义---第八章:泛型
- 播音提示器软件设计与实现
- 在gridview使用HyperLinkField传递多个参数
- 简单设置系统,跟我一样刚刚装Ubuntu的菜鸟必看
- DOM创建table
- 几种提高计算机运行效率的优化方法
- 如何安装bin文件
- 初探ARP攻击
- MS SQL SEVER 2000 安装中挂起问题解决
- 系统学习Linux11点建议
- JAVAFX:交通灯
- Eclipse3.4中文包安装方法
- 实用技巧:配置Linux操作系统环境变量