用appendChild增加新行时,document.getElementById(...)为空或不是对象问题 麻烦大家进来看看
<script type="text/javascript" defer=true>
var i=7;
function addnewLine(){
var table=document.getElementById("tbody");
var tr=document.createElement("tr");
var tdx=document.createElement("td");
tdx.nowrap="nowrap";
var tdy=document.createElement("td");
tdy.id="book"+i;
tdy.nowrap="nowrap";
var tdz=document.createElement("td");
tdz.nowrap="nowrap";
var textx=document.createElement("input");
textx.name="bookID"+i;
textx.onblur=function()
{
checkB(this.value);
}
var buttonx=document.createElement("input");
buttonx.type="button";
buttonx.name="Submit2"+i;
buttonx.value="...";
buttonx.onclick=function()
{
window.open('bookSel.jsp?x='+this.name.substring(this.name.length-1));
var x=this.name.substring(this.name.length-1);
var buttonname='bookID'+x;
document.getElementById(buttonname).focus(); //系统提示错误在这行
}
var buttonz=document.createElement("input");
buttonz.type="button";
buttonz.onclick=function()
{
if(confirm('确定要删除吗?')) {deleteCurrentRow(this); }
else {}
}
buttonz.value="删除";
//将文本框对象添加到td
tdx.appendChild(textx);
tdx.appendChild(buttonx);
tdz.appendChild(buttonz);
//将td对象添加到tr
tr.appendChild(tdx);
tr.appendChild(tdy);
tr.appendChild(tdz);
//将tr对象添加到tbody
table.appendChild(tr);
i++;
document.getElementById("count").value=i;
}
</script>
另外有按钮: <input type="button" name="addbutton" value="增加新行" onClick="addnewLine();"/>
我点“增加新行”增加几行后,一点击每行中的“...”按钮就会报错:document.getElementById(...)为空或不是对象