Question

JAVASCRIPT输出HTML代码

比如在网页的页面上有一个按钮，点击后在同一页面内出现一个2*2的表格
请问这个代码怎么写
谢谢大家了

如果是个选择框怎么写
当选中时显示表格，不选中时不显示

Answer 1

刚给你写了个高级点的：

<script type="text/javascript">
function createTable() {
var t = document.createElement('table');

var rows = document.getElementById("row").value;
var cols = document.getElementById("col").value;

for (var i = 0; i < rows; i++) {
var r = t.insertRow();
for (var j = 0; j < cols; j++) {
var c = r.insertCell();
c.innerHTML = i + ',' + j;
}
}

document.getElementById('d1').appendChild(t);
t.setAttribute('border', '1');
}

</script>

行<input type="text" id="row" name="row"/>列<input type="text" id="col" name="col"/>
<input type="button" value="创建表格" onclick="createTable()">

<div id="d1"></div>

Answer 2

<script type="text/javascript">
function aa(){
str="<table border=1><tr><td>11111</td><td>222222</td></tr></table><table border=1><tr><td>33333</td><td>444444</td></tr></table>"
document.getElementById("d1").innerHTML =str;

}
</script>

<input type="button" value="显示表格" onclick="aa()">
<div id="d1"></div>

Answer 3

代码如下：感觉还行的话给我加分。

<script type="text/javascript">
function open(){
str="<table border=1><tr><td>表格
1</td><td>表格2</td></tr></table><table border=1><tr><td>表格3</td><td>表格4</td></tr></table>"
document.getElementById("d1").innerHTML =str;

}
</script>

<input type="button" value="打开表格" onclick="open()">
<div id="d1"></div>