遇到了这样的问题,弄了一个表格,内部格式大致如下
<form>
<table id=“tB”>
<tr id=“tR”>
<td>
<input id=“no”class=“no”>
</td>
<td id="com1">*****
</td>
</tr>
<tr>
<td>
<input id=“name”class=“name”>
</td>
<td id="com2">*****
</td>
</tr>
</table>
<input type="reset" value="重置">
</form>
,问题就是,我的input通过class属性设置了css样式,现在要一键重置,把input的样式清除了,也把第二个《td》的“*****”这个内容也清除,怎么做?
我能想到的是获取input的标签的className = “”,这样能清除input的样式,但是要把td的内容给清空,就必须用innerHtml,假如我的表单还有很多行,我就想一次性获取行中的第二个td把*****清空,不单独一个一个获取id清除,怎么做?
function reSet() {
////这里我不想这样,想一次性获取比如循环获取document.getElementById("com"+x).inerHTML=“”;这样,但是失败了,getElementById方法不能识别var x
document.getElementById("com1").innerHTML = "";
document.getElementById("com2").innerHTML = "";
var a = document.getElementsByTagName("input");//这里是清空input样式
for (var x = 0; x < a.length; x++) {
document.getElementsByTagName("input")[x].className = "";
}
}