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

Question

在这个，如果我点击menu1 hi将显示。而不是我想要显示一个有5行和6个colunns的表。任何人帮助我

的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。它使这样的事情变得更加容易。