javascript - 如果我单击菜单 1，我想显示表格而不是显示 hi

Question

在此，如果我单击 menu1 hi 将显示。我想要显示一个有 5 行和 6 个列的表格。任何人都可以帮助我

JavaScript

function displayDate1() {
  document.getElementById("demo1").innerHTML=" hi";
  document.getElementById("demo2").innerHTML="";
}
function displayDate2() {
  document.getElementById("demo2").innerHTML="Bye";
  document.getElementById("demo1").innerHTML="";
}

HTML

<h1>My First JavaScript</h1>
<a href="javascript:void(0);" onclick="displayDate1()">Menu 1</a> | <a href="javascript:void(0);"     onclick="displayDate2()">Menu 2</a> 
<p id="demo1"> </p>
<p id="demo2"></p>

Answer 1

将 displayDate1() 替换为以下内容：

function displayDate1() {
    var html_table = '<table>' +
           '    <tr>' +
           '      <td>Blah</td>' +
           '    </tr>' +
           '</table>';

    document.getElementById("demo1").innerHTML= html_table;
    document.getElementById("demo2").innerHTML="";
}

请注意，这不是 PHP 问题。这是一个Javascript问题。您还需要填写 html_table 中的表格，使其有 5 行和 6 列。

作为一个方面，您可以考虑查看 jQuery。它使这样的事情变得容易得多。