一段简单的JavaScript代码问题,高手帮忙啊

来源:百度知道 编辑:UC知道 时间:2024/06/12 15:08:22
function add(){
var table=document.getElementById("table");
var tr=document.createElement("tr");
var td1=document.createElement("td");
var td2=document.createElement("td");
var td3=document.createElement("td");
var input1=document.createElement("input");
var input2=document.createElement("input");
var input3=document.createElement("input");

input1.type="text";
input1.name="name1";

input2.type="text";
input2.name="type1";

input3.type="text";
input3.name="num1";

table.appendChild(tr);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
td1.appendChild(input1);
td2.appendChild(input2);
td3.appendChild(input3);

}这是一段在<table>里面添加<tr><td></td><td></

表格元素不能这么添加的。
应该这样。
var tr=table.insertRow();
var td=tr.insertCell();

这段代码没有问题, 我能想到的问题可能在于, 初始化<table id="table">与这个方法的调用前后的顺序问题

这个是正确的
<table id="table"></table>
<script>
add();
</script>

这个有可能会报错
<script>
add();
</script>
<table id="table"></table>