-1

これで、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>
4

1 に答える 1

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 に関する質問ではないことに注意してください。ジャバスクリプトの質問です。また、html_table にあるテーブルに、5 行 6 列になるように入力する必要があります。

余談ですが、jQuery を検討することもできます。このようなことがずっと簡単になります。

于 2013-02-05T04:50:39.063 に答える