怎么用js做一个表格

JavaScript017

怎么用js做一个表格,第1张

1．在页面div中创建一个空白表，可以根据需要对其进行定制。

2．创建表之后，我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中，我们添加了标签，主要用于提供用户输入参数，而全局变量num主要用于区分每个添加参数的唯一id。

4．获取表中的数据，以供下图参考。

5．一旦我们获得了表中的数据，我们就应该将其转换成json数据的形式。

onload = function(){

    var tab = document.createElement("table")

    tab.style.margin = "0 auto"

    tab.style.width = "500px"

    var tb = document.createElement("tbody")

    tab.appendChild(tb)

    for(var i = 0 i < 10 i++){

        var row = tb.insertRow(tb.rows.length)

        for(var j = 0 j < 10 j++){

            var col = row.insertCell(row.cells.length)

            col.style.width = "50px"

            col.style.height = "50px"

            var a = Math.floor(Math.random() * 255)

            var b = Math.floor(Math.random() * 255)

            var c = Math.floor(Math.random() * 255)

            col.style.backgroundColor = "rgb(" + a + "," + b + "," + c + ")"

        }

    }

    document.body.appendChild(tab)

}

var trNum=行数；

var tdNum=列数；

var html = '<table>'

for(var i=0i<trNumi++){

html += '<tr>'

for(var j=0j<tdNumj++){

html += "<td></td>"

}

html += '</tr>'

}

html+='</table>'

$('body').append($(html)) //$用的是jquery，不懂你有没学