2

我想从表中删除输入元素。我想不出任何方法可以通过 JavaScript 删除它们。

<table><tbody><tr>
<td><input id="c11" value=" " size="1" style="border-width: 0px;" type="text"></input></td>
<td><input id="c12" value=" " size="1" style="border-width: 0px;" type="text"></input></td>
</tr>
</tbody>
</table>
4

6 回答 6

1

You can do that :

var inputs = document.getElementsByTagName('input');
while (inputs.length) inputs[0].parentNode.removeChild(inputs[0]);

If you have your table element, you could also use myTable.getElementsByTagName('input');.

Demonstration

于 2012-12-12T16:48:00.900 回答
1 
document.getElementById('c11').outerHTML =  "";
于 2012-12-12T16:52:05.513 回答
0

如果您使用Jquery

使用 .remove()

$("#yourtableid tr").remove();

如果您想保留数据以供将来使用，即使在删除后也可以使用 .detach()

$("#yourtableid tr").detach();
于 2012-12-12T16:52:41.380 回答
0

试试这个代码

 function removeRow(r)
    {
         var fo = "foo";
         var ido = r.id.substring(3,r.id.length-1);
         for(i=1;i<=3;i++)
         {
            document.getElementById(fo+id0+i).remove();
         }
         document.getElementById(fo+ido+5).nextSibling.remove();  
         document.getElementById(fo+ido+5).remove();
    }
于 2016-05-02T10:58:12.880 回答
0

这是工作！

document.getElementById('c11').val("");
document.getElementById('c12').val("");
于 2016-05-02T10:50:50.847 回答
-1

就个人而言，如果您无权访问 jQuery，我只会给父元素一个 id，然后执行此操作

var els = document.findElementById('tableId').childNodes.getElementByTagName('input');
for( var i = 0; i < els.length; i++){
    els[i].removeNode(true);
}

或者，您可以用类似这样的代码替换代码以获得完整的浏览器兼容性，因为@dystroy 指出 removeNode 仅在 IE 中可用。

var els = document.getElementById('tableId').getElementsByTagName('input');
while( els.length ){
    els[0].parentNode.removeChild(els[0]);
}​

像这样的东西应该工作。老实说，我会使用 jQuery。容易得多。

于 2012-12-12T16:55:56.007 回答