function addPotBack(data) {
    var locDatasArr = eval(data);
    for (var i in locDatasArr) {
        var name = locDatasArr[i].Carname;
        var id = locDatasArr[i].CarID;
        var driver = locDatasArr[i].Cdriver;
        var type = locDatasArr[i].Ctype;
        var time = locDatasArr[i].GPStime;
        var loc = locDatasArr[i].Location;
        var lon = locDatasArr[i].Lon;
        var lat = locDatasArr[i].Lat;
        var state = locDatasArr[i].State;
        var table = "<tr><td>" + id + "</td><td>" + name + "</td><td>" + driver + "</td><td>" + type + "</td><td>" + time + "</td><td>" + loc + "</td><td>" + lat + "</td><td>" + lon + "</td><td>" + state;
通过这个已经获得了值;怎样把他传到HTML里面写的表格呢?我是初学者。谢谢啦~~~~
<table id="table1" border="0" width="1024px">
        <tr>
<td align="center" bgcolor="#0099ff" width="40">序号</td>
<td align="center" bgcolor="#0099ff" width="80">车牌</td>
<td align="center" bgcolor="#0099ff" width="60">驾驶员</td>
<td align="center" bgcolor="#0099ff" width="70">车辆类型</td>
<td align="center" bgcolor="#0099ff" width="150">GPS时间</td>
<td align="center" bgcolor="#0099ff" width="120">区域</td>
<td align="center" bgcolor="#0099ff" width="120">纬度</td>
<td align="center" bgcolor="#0099ff" width="120">经度</td>
<td align="center" bgcolor="#0099ff" width="70">车辆状态</td>
</tr>

解决方案 »

  1.   

    document.getElementById("table1").innerHTML +=  table;
      

  2.   

    <script type="text/javascript">
    <!--
    function addPotBack(data) {
      var locDatasArr = eval(data);
    var tr,td;
      for (var i in locDatasArr) {
    tr = document.createElement("tr"); var name = locDatasArr[i].Carname;
    td = document.createElement("td");
    td.innerText = name;
    tr.appendChild(td); var id = locDatasArr[i].CarID;
    td = document.createElement("td");
    td.innerText = id;
    tr.appendChild(td); var driver = locDatasArr[i].Cdriver;
    td = document.createElement("td");
    td.innerText = driver;
    tr.appendChild(td); var type = locDatasArr[i].Ctype;
    td = document.createElement("td");
    td.innerText = type;
    tr.appendChild(td); var time = locDatasArr[i].GPStime;
    td = document.createElement("td");
    td.innerText = time;
    tr.appendChild(td); var loc = locDatasArr[i].Location;
    td = document.createElement("td");
    td.innerText = loc;
    tr.appendChild(td); var lon = locDatasArr[i].Lon;
    td = document.createElement("td");
    td.innerText = lon;
    tr.appendChild(td); var lat = locDatasArr[i].Lat;
    td = document.createElement("td");
    td.innerText = lat;
    tr.appendChild(td); var state = locDatasArr[i].State;
    td = document.createElement("td");
    td.innerText = state;
    tr.appendChild(td); document.getElementById("table1").childNodes[0].appendChild(tr);
    }
    }
    //-->
    </script>
     <body><table id="table1" border="0" width="1024px">
      <tr>
    <td align="center" bgcolor="#0099ff" width="40">序号</td>
    <td align="center" bgcolor="#0099ff" width="80">车牌</td>
    <td align="center" bgcolor="#0099ff" width="60">驾驶员</td>
    <td align="center" bgcolor="#0099ff" width="70">车辆类型</td>
    <td align="center" bgcolor="#0099ff" width="150">GPS时间</td>
    <td align="center" bgcolor="#0099ff" width="120">区域</td>
    <td align="center" bgcolor="#0099ff" width="120">纬度</td>
    <td align="center" bgcolor="#0099ff" width="120">经度</td>
    <td align="center" bgcolor="#0099ff" width="70">车辆状态</td>
    </tr>
    <table>
    <input type="button" value="kk" onclick="addPotBack('[{Carname:1,CarID:2,Cdriver:3,Ctype:4,GPStime:5,Location:6,Lon:7,Lat:8,State:9}]')"> </body>
    </html>
      

  3.   


    <!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">
    <head>
        <title></title>
        <script language="javascript" type="text/javascript">
            function addTableRow(name, Class, language, mobile) {
                var oTable = document.getElementById("dataList");
                var oTr = oTable.insertRow(oTable.rows.length);
                var tdData = new Array();
                tdData[0] = document.createTextNode(name);
                tdData[1] = document.createTextNode(Class);
                tdData[2] = document.createTextNode(language);
                tdData[3] = document.createTextNode(mobile);
                for (var i = 0; i < tdData.length; i++) {
                    var oTd = oTr.insertCell(i);
                    oTd.appendChild(tdData[i]);
                }
            }
        </script>
        <style type="text/css">
            #dataList{ border:1px solid #744011; border-collapse:collapse; background:#ffd2aa; font-size:14px; font-family:Arial;}
            #dataList td{ border:1px solid #744011; text-align:left; padding:4px 10px;}
        </style>
    </head>
    <body>
        <table id="dataList">
            <tr>
                <td>Name</td><td>Class</td><td>Language</td><td>Mobile</td>
            </tr>
        </table><br />
        <input type="button" value="动态插入行" onclick="addTableRow('张三','五班','JavaScript','1580098765')" />
    </body>
    </html>上面的数据是写死的,你可以从服务器返回XML文档,然后添加对应的数据就行了!