使用javascript动态加载表

时间:2013-07-18 13:47:59

标签: performance

我想在页面loads.i尝试以下代码时动态加载表,但是它没有显示在javascript.plz中找到的第二列值帮助我。

<html>
<head>
<script type="text\javascript">
var brw=navigator.appCodeName;
var bw=navigator.appName;
var vrs=navigator.appVersion;
var plt=navigator.platform;
document.getElementById('r1').innerHTML = ' '+brw;
document.getElementById('r2').innerHTML = ' '+bw;
document.getElementById('r3').innerHTML = ' '+vrs;
document.getElementById('r4').innerHTML = ' '+plt;
</script>
</head>
<body>
    <table border='1'>
        <tr><td>Browser code </td><td><div id='r1'></div></td></tr>
    <tr><td>Browser </td><td><div id='r2'></div></td></tr>
    <tr><td>Browser Version </td><td><div id='r3'></div></td></tr>
    <tr><td>Platform </td><td><div id='r4'></div></td></tr>
    </table>

</body>
</html>

2 个答案:

答案 0 :(得分:0)

你的桌子应该像:

<table>
  <thead>
   <tr>
    <th>Browser code</th>
    <th>Browser</th>
    <th>Browser version</th>
    <th>Platform</th>      
   </tr>
  </thead>
  <tbody>
    <tr>
     <td><div id='r1'></div></td>
     <td><div id='r2'></div></td>
     <td><div id='r3'></div></td>
     <td><div id='r4'></div></td>
    </tr>
  </tbody>
</table>

通过这种方式,您的桌面设置在<thead>应答器的顶部,然后您可以在<tbody>应答器中添加行。

答案 1 :(得分:-1)

只需将您的Javascript代码放在页面的末尾即可。