添加表格中的一行

[lieyanhuo]

function addRow(){
var data=document.getElementById("data");
var index=parseInt(document.getElementById("index").value)-1+"";
if(index.match(/\d/)==null)index=0;
if(index>data.rows.length)
index=data.rows.length;
var tr=data.insertRow(index);
tr.id="row"+index;
var td1=tr.insertCell();
td1.innerHTML=" <input style='width: 80%; border-style: none;' runat='server' type='text' />"; var td2=tr.insertCell();
td2.innerHTML=" <input style='width: 80%; float: left' runat='server' type='text' /> <img alt='' src='images/search.png' style='display: none; float: left; cursor: pointer' />";
var td3=tr.insertCell();
td3.innerHTML=" <input style='width: 100%;' runat='server' type='text' />";
var td4=tr.insertCell();
td4.innerHTML=" <input style='width: 100%;' runat='server' type='text' />"; var td5=tr.insertCell();
td5.innerHTML=" <img alt='' height='16' src='images/delete16.png' width='16' onclick='delRow("+index+")' />";}

以上为我添加表格中的一行用的，但是一到红色的部分，就会错，这么回事呢？

[swan01]

红色的在哪？

[lieyanhuo]

[Quote=引用 1 楼 swan01 的回复:]
红色的在哪？
[/Quote]
function addRow(){
var data=document.getElementById("data");
var index=parseInt(document.getElementById("index").value)-1+"";
if(index.match(/\d/)==null)index=0;
if(index>data.rows.length)
index=data.rows.length;
var tr=data.insertRow(index);
tr.id="row"+index;
var td1=tr.insertCell();
td1.innerHTML=" <input style='width: 80%; border-style: none;' runat='server' type='text' />"; var td2=tr.insertCell();
td2.innerHTML=" <input style='width: 80%; float: left' runat='server' type='text' /> <img alt='' src='images/search.png' style='display: none; float: left; cursor: pointer' />";
var td3=tr.insertCell();
td3.innerHTML=" <input style='width: 100%;' runat='server' type='text' />";
var td4=tr.insertCell();
td4.innerHTML=" <input style='width: 100%;' runat='server' type='text' />"; var td5=tr.insertCell();
td5.innerHTML=" <img alt='' height='16' src='images/delete16.png' width='16' onclick='delRow("+index+")' />";}

以上为我添加表格中的一行用的，但是一到红色的部分，就会错，这么回事呢？

[liu2835993]

td1.innerHTML （ td2、3、4、5）处，有误

[liu2835993]

td1.innerHTML = '<input style="width: 80%; border-style: none;" runat="server" type="text" />';

单引号，双一号 互换

[liu2835993]

LZ ： 可以试一下 js调试，就可以发现问题所在；

ie浏览器---internet选项——高级——浏览——禁用脚本调试 取消 即可

[tzs2304]

up

[toxuecheng111]

把其中的单引号变成双引号，双引号变成单引号就可以解决问题，因为在调试时生成如下代码：
td4.innerHTML=" <input name="ctl05" type="text" style="width: 100%;" />";
因为你没有指定input的name与ID，会自动生成如上代码的东西，如果你指定了的话就不会出现如上的问题

[wuyq11]

innerHTML="<input style='width: 100%;' type='text' />";
什么错误