2013-02-10 51 views
1

我只是想创建一个输出一张小桌子,但似乎无法得到它的工作简单的JavaScript功能。创建简单的表在JavaScript

<html> 
<head> 
    <meta charset ="utf-8"> 
    <title>Test Table</title> 
    <script type = text/javascript> 

     function drawTable() 
     { 
      var tableDiv = document.getElementById("numbersTable"); 

      tableDiv.innerHTML = "<table>" + 
      "<caption>Numbers Table</caption>" + 
      "<thead><th>Number</th><th>Square</th><th>Cube</th></thead>" + 
      "<tbody><tr><td>1</td><td>2</td><td>3</td></tr>" + 
      "</tbody></table>"; 
     } 

    </script> 
</head> 
<body> 
<div id = "numbersTable"></div> 
</body> 

任何人都可以看到的问题是什么?

+2

你在哪里'drawTable()'从打电话来调用它呢? – 2013-02-10 21:28:46

+0

同时删除与ID =“numbersTable”的空间 - 它不是一个有效的XML/HTML – mika 2013-02-10 21:30:13

+0

我不知道,但JS不喜欢串合并新线。你应该使用字符串+ =“

”;代替。你也应该调用drawTable()某处 – Anthony2013-02-10 21:33:53

回答

3
  1. 你不叫drawTable()
  2. 后记得<div id="numbersTable"></div>
+0

这就是我所困惑的。我应该在哪里调用函数drawTable? – Nick 2013-02-10 21:37:21

+0

1. window.onload = drawTable; 2. 只是标记之前 - 这是最简单的选项,选择你想要的(我建议第二) – pwolaq 2013-02-10 21:37:45

+0

啊,我现在看到。谢谢。 – Nick 2013-02-10 21:41:09