Question

用js在HTML中建表格

刚刚学习js;
function tab()
{
document.write("
<table width="250" border="1">
<tr>
<td>第一个单元格</td>
<td>第二个单元格</td>
</tr>
<tr>
<td>第三个单元格</td>
<td>第四个单元格</td>
</tr>
</table>

");
}
用这个为什么不可以?document.write()不就是往HTML文档中插入引号中的代码吗？
求解答谢谢

Answer 1

不要用document.write()，否则输出的内容会替换掉整个页面已有的内容。此外要注意字符串中引号的嵌套用法。

<div id=mytab></div>
<input type="button" value="点击创建表格" onclick="tab();">
<script>
function tab(){
    var tabs="";
    tabs+="<table width='250' border='1'>";
    tabs+="<tr>";
    tabs+="<td>第一个单元格</td>";
    tabs+="<td>第二个单元格</td>";
    tabs+="</tr>";
    tabs+="<tr>";
    tabs+="<td>第三个单元格</td>";
    tabs+="<td>第四个单元格</td>";
    tabs+="</tr>";
    tabs+="</table>";
    var div=document.getElementById("mytab");
    div.innerHTML=tabs;
}
</script>

Answer 2

把你的script标签放在页面代码的最后面试试

追问

放到最后还是不可以啊，唉

追答

啊。我找到原因了，把这两个换成单引号

Answer 3

你写的这个是函数，需要调用才能显示
document.write()里面的字符串不能换行

追问

怎样调用呢？我把它放在了了，单击后不能显示

追答

你命名的函数叫tab(),调用用的是table(),当然不行