怎么用js做一个表格

JavaScript016

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

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

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

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

4.获取表中的数据,以供下图参考。

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

这很简单,循环下就可以了。

<!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" xml:lang="en" lang="en">

 <head>

  <meta http-equiv="Content-Type" content="text/html charset=utf-8"/>

  <title>index</title>

  <style type="text/css">

      #div_bar td{width:80pxtext-align:center}

  </style>

  <script type="text/javascript">

      var xeg=[]

      xeg[0]={label:"首页",data:"index.html"}

      xeg[1]={label:"天气",data:"mahjong.html"}

      xeg[2]={label:"城市",data:"landlord.html"}

      window.onload=function(){

          var html="<table><tr>"

          for(var i=0i<xeg.lengthi++){

              html+=("<td><a href='"+xeg[i].data+"'>"+xeg[i].label+"</a></td>")

          }

          html+="</tr></table>"

          document.getElementById("div_bar").innerHTML=html

      }

  </script>

 </head>

 <body>

    <div id="div_bar"></div>

 </body>

</html>