解决document.form.submit()对象不支持此属性或方法

 

 

昨天从晚上9点多开始碰到这个问题，折腾了两个多小时，到11点后还是没有得出结果，不知道怎么回事，问题如下：
<td colspan="4">
<input type="button" name="query" value="查询" onclick="Query();"class="button">
<input type="button" name="output" value="导出加载模板EXCEL"onclick="output1();" class="button">
<input type='submit' name='submit' class='button' onclick="onShow()" value="导入数据EXCEL" />
</td>

javaScript方法如下：
function Query(){  
var obj_form=document.getElementById('s9320Form');
obj_form.action="<%=request.getContextPath()%>/s9320.do?command=query";
obj_form.method="post";
obj_form.submit();
}

点击‘查询’按钮后报错：对象不支持此属性或方法，在百思不得其解后，闷闷不乐地从公司回住处了。一直在想为什么呢？今天来上班后，又折腾了一会儿，才知道，原来错误在于上面的控件中，有一名字为：name='submit'的按钮，罪魁祸首是它，之后把它改为name='input'之后，问题解决了，(～ o ～)，太好了。

为什么会出现这个问题呢，因为在IE下可以通过 表单.表单元素名称 这样的方式获得一个表单下的所有表单元素，但是巧就巧在这里，如果某个表单元素的名称和表单的方法名重名的话那么IE就会优先将名称解析为某个表单元素，而不是表单的方法，此时就会出现这个神奇的问题了。