用javascript创建简单表_Javascript

用javascript创建简单表

javascript

用javascript创建简单表,javascript,Javascript,我只是想创建一个简单的javascript函数，它输出一个小表，但似乎无法让它工作 <html> <head> <meta charset ="utf-8"> <title>Test Table</title> <script type = text/javascript> function drawTable() { var tableDiv

我只是想创建一个简单的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>


试验台
函数drawTable（）
{
var tableDiv=document.getElementById（“numbersTable”）；
tableDiv.innerHTML=”“+
“数字表”+
“NumberSquareCube”+
"123" +
"";
}

有人能看出问题出在哪里吗

您不需要调用

drawTable（）

记得在

你从哪里调用

drawTable（）

？还要删除id=“numbersTable”之间的空格-这不是有效的XML/HTMLI我不确定，但js不喜欢字符串合并的新行。您应该使用字符串+=“”；相反您还应该调用drawTable（）somewhere@Anthony它不会改变任何内容（只会占用更多内存，因为每个部分都存储为一个单独的对象，但不会对用户造成太大影响），元素允许包含零个或多个元素。你应该把你的

标签包装在一个

中。这就是我所困惑的。我应该在哪里调用函数drawTable？1。window.onload=绘图台；2.绘图台（）；就在标记之前-这些是最简单的选项，选择你想要的（我建议第二个）啊，我现在明白了。谢谢。我还有一个简单的问题，如果我要用外部CSS表为表格设置样式，我会在函数中添加元素还是需要在函数体中添加元素？我不明白你的意思，你只是将CSS规则放入样式表中，它们会在调用drawTable（）后立即出现