我目前有一个可以按以下方式使用按钮的表格。
<input type="button" id="button" value="Click to show states" onclick="showState()"/>
function showState()
{
var myTable= "<table><tr><td style='width: 250px; color: red;'>Type</td>";
myTable+= "<td style='width: 250px; color: red; text-align: left;'>Value</td></tr>";
myTable+="</table>";
document.write( myTable);
}
单击按钮,将打开一个新页面,其中包含该页面的内容。我希望表格出现在按钮下方,而不必转到新页面来显示表格。我相信我需要 document.write(myTable) 的替代方案,但我不确定该替代方案是什么。我试图以任何方式避免 jquery,并且我试图在 jsp 中坚持使用 java、javascript 和 html。
最佳答案
创建一个具有唯一 id 的 div 元素,如下所示:
<div id="tableHolder"></div>
然后将您的 document.write 替换为:
document.getElementById('tableHolder').innerHTML = myTable;
关于javascript - 单击按钮即可显示表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25251893/