document.createElement 小问题

Question

var table = document.createElement('table');
var tr, td;
for(var i=0; i<10; i++){
tr = document.createElement('tr');
for(var j=0; j<10; j++){
td = document.createElement('td');
td.appendChild(document.createTextNode(1));
tr.appendChild(td);
}
table.appendChild(tr);
}
document.body.appendChild(table);
var obj = document.getElementsByTagName('td');
alert(obj.length)
在ie下能alert 100 但 不显示ff下没问题

Answer 1

本帖最后由 net_lover 于 2011-08-04 12:00:11 编辑

  

Answer 2

id特有方法应该用下面方式创建table
<script type="text/javascript">
function addRow(){
var cl1 = document.getElementById("cl1").value;
var cl2 = document.getElementById("cl2").value;
var cl3 = document.getElementById("cl3").value;
var cl4 = document.getElementById("cl4").value;// var row = document.all("table").insertRow(); 功能与下句相同
var row = document.getElementById("table").insertRow(); var cal = row.insertCell();
cal.innerHTML = cl1;
var cal = row.insertCell();
cal.innerHTML = cl2;
var cal = row.insertCell();
cal.innerHTML = cl3;
var cal = row.insertCell();
cal.innerHTML = cl4;
}
</script>
<input type="text" id="cl1">
<input type="text" id="cl2">
<input type="text" id="cl3">
<input type="text" id="cl4">
<input type="button" value="添加记录" onclick="addRow();" />
<table id="table" border="1" bordercolor="#9999FF">
<tr>
<td>列一</td>
<td>列二</td>
<td>列三</td>
<td>列四</td>
</tr>
</table>