JavaScript把字符串动态显示到HTML表格

标签：javascript   动态   表格   

这里用的是JavaScript自带的函数来添加行列单元格，再给每个单元格设置显示内容

//数据库取出打卡记录显示在表格里
function showdata(str)
{
    var table=document.getElementById("datatable")
    var templen=table.rows.length
    for(var i=1;i<templen;templen--)
    {
        table.deleteRow(i);
    }
    var tempstr = new Array();
    tempstr = str.split(",");//拆分成数组元素
    if(str.length>0)
    {
        for(var i=0;i<tempstr.length;i++)
        {
            var x=table.insertRow(table.rows.length)
            var y=x.insertCell(0)
            var z=x.insertCell(1)
            var subtempstr=new Array();
            subtempstr = tempstr[i].split("|");
            y.innerHTML=subtempstr[0];//给单元格设置显示内容
            z.innerHTML=subtempstr[1];
        }
    }
}

多谢各位前辈指引~特此备忘

本文出自 “Chronosphere” 博客，转载请与作者联系！

JavaScript把字符串动态显示到HTML表格

标签：javascript   动态   表格   

原文地址：http://chronosphere.blog.51cto.com/9598252/1614671