十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
要上班了,简单写了一段脚本,提供一个思路 主要是通过 javascript + DOM实现的, script function DeleteTr(i) { var table = document.getElementById("table1"); var tr = table.childNodes[0]; tr.removeChild(tr.childNodes[i]); } function AppendTr() { var table = document.getElementById("table1"); var tr = table.childNodes[0]; var trnew = document.createElement("tr"); var td = document.createElement("td"); var text = document.createTextNode("表格内容"); td.appendChild(text); trnew.appendChild(td); tr.appendChild(trnew); } /script table id="table1" border="1" trtd1/td/tr trtd2/td/tr trtd3/td/tr trtd4/td/tr /table input type="button" onclick="DeleteTr(2);" value="delete row 3" input type="button" onclick="AppendTr();" value="Insert row"
成都创新互联是一家集网站建设,精河企业网站建设,精河品牌网站建设,网站定制,精河网站建设报价,网络营销,网络优化,精河网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
有两种方法:
1:调用内置函数:innerHTML;
2:使用createElement创建table元素;
建议用innerHTML,稍微简单点!
如果学过jQuery,那就更容易啦!
function createTab(row,col){
var htmlStr = "table id='myTab' border='1'";
for(var i=0;irow;i++){
htmlStr +="tr"
for(var j=0;jcol;j++){
htmlStr+="td"+j+"/td"
}
htmlStr+="/tr";
}
document.write(htmlStr+"/table");
}
createTab(3,2);//调用 三行两列
1.在页面div中创建一个空白表,可以根据需要对其进行定制。
2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。
3.在 TB 标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。
4.获取表中的数据,以供下图参考。
5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。
\x0d\x0a \x0d\x0afunction createTable(width,rows,cells)\x0d\x0a{\x0d\x0a 创建一个表格对象\x0d\x0a var mytable=document.createElement("table");\x0d\x0a mytable.cellSpacing="1px";\x0d\x0a 创建一个表头对象\x0d\x0a var mythead=document.createElement("thead");\x0d\x0a for(a=0;a