html中如何动态创建类似下面表格,并把数据添加进去

html中如何动态创建类似下面表格,并把数据添加进去,第1张

先放一个table标签然后通过jsvascript添加行和列 使用 document.createElement("td")document.createElement("tr")tr.appendChild(td)table.appendChild(tr)大概就这样!

//动态添加行与列

function addHtml( )

{

var tab=document.getElementById("viewTabs")//获得表格

var colsNum=tab.rows.item(0).cells.length //表格的列数

var num=document.getElementById("viewTabs").rows.length//表格当前的行数

var rownum=num-1

tab.insertRow(rownum)

for(var i=0i<colsNum-1i++)

{

tab.rows[rownum].insertCell(i)//插入列

tab.rows[rownum].cells[i].innerHTML="dfd"

}

tab.rows[rownum].insertCell(i)

tab.rows[rownum].cells[i].innerHTML="ddddkk"

}

HTML(全称 HyperText Markup Language):超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

想要动态添加表格行数需要使用js进行


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11314222.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存