Javascript 添加的元素阻止代码向表中添加新行
我在向div标记中的表添加行时遇到一些问题,因为其中有另一个标记 我知道如果我可以更改表的id就好了,但是因为它是生成的,所以我无法更改它们。我只能更改包围桌子的div的idJavascript 添加的元素阻止代码向表中添加新行,javascript,html,asp.net-web-api,Javascript,Html,Asp.net Web Api,我在向div标记中的表添加行时遇到一些问题,因为其中有另一个标记 我知道如果我可以更改表的id就好了,但是因为它是生成的,所以我无法更改它们。我只能更改包围桌子的div的id <!--Adding does not work on this table --> <h3>Wednesday</h3> <button type="button" onclick="displayResult('wed')">Insert new row</butt
<!--Adding does not work on this table -->
<h3>Wednesday</h3>
<button type="button" onclick="displayResult('wed')">Insert new row</button>
<div id="wed">
<strong>Even this stops it from adding</strong> <!--This is the problem -->
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
<div>
<!--Adding works on this table -->
<h3>Thursday</h3>
<button type="button" onclick="displayResult('thu')">Insert new row</button>
<div id="thu">
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
<div>
function displayResult(number) {
var elemList=document.getElementById(number).childNodes;
var table=elemList[1];
var row=table.insertRow(-1);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.innerHTML="New";
cell2.innerHTML="New";
}
星期三
插入新行
即使这样也会阻止它添加
第1单元
第2单元
星期四
插入新行
第1单元
第2单元
函数显示结果(编号){
var elemList=document.getElementById(number).childNodes;
var表=elemList[1];
var行=table.insertRow(-1);
var cell1=行插入单元格(0);
var cell2=行插入单元格(1);
cell1.innerHTML=“新建”;
cell2.innerHTML=“新建”;
}
我将假设问题在于如何通过索引获取元素(如果没有看到生成表的代码,很难说清楚),并建议一旦拥有了div,就
getElementsByTagName('table')[0]
,看看是否可以从那里开始工作
我还建议您使用jquery做的大部分工作都要简单得多,如果您有能力将其添加到项目中,我建议您使用它。模糊的缩写背后是什么?请充实你的问题。在这里看到一些问题会很好,但链接中的小提琴已经足够清楚地指出了问题所在。@krillgar,因此,例如,如果链接出现问题,问题及其答案对未来的访问者仍然有用。这一点是正确的,尽管这仍然不能保证否决票。不过,你的评论比格多龙的更好,更具建设性。我做了一些改变。。有人能帮我解绑吗(