<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form id="Searchid" name="Form1" onsubmit="return true;" action="Search.action" method="post">
<table width="100%" border="1">
<tr>
<td width="10%">1</td>
<td width="90%">
<form id="testform1"
method="post"
onsubmit="return false"
action="toSelect.action">
<input type="hidden" name="id" value="4" />
</form>
<a href="#" onclick="document.getElementById('testform1').submit();">
ID
</a>
</td>
</tr>
</table>
</form>
</body>
</html>
提示JS错误。
但是在修改成如下代码后就可以提交。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form id="Searchid" name="Form1" onsubmit="return true;" action="Search.action" method="post">
<form id="1234" name="1234" onsubmit="return false;"
action="test.action" method="post">
</form>
<table width="100%" border="1">
<tr>
<td width="10%">1</td>
<td width="90%">
<form id="testform1"
method="post"
onsubmit="return false"
action="toSelect.action">
<input type="hidden" name="id" value="4" />
</form>
<a href="#" onclick="document.getElementById('testform1').submit();">
ID
</a>
</td>
</tr>
</table>
</form>
</body>
</html>
发现了没有。
加了一个
<form id="1234" name="1234" onsubmit="return false;"
action="test.action" method="post">
</form>
居然就好用了。
可是这是为什么呢？这个Form是没有用的。但是加了以后为什么。下面的那个Form就可以提交了。不出现JS错误了.
网上看到一篇文章：
document.getElementById("")为空或不是对象解决办法
网页设计中经常会使用此方法，当出现这个错误的时候，不妨使用alert();来调试调试。
alert(document.getElementById("name"));
看看是否有弹出框:
1，若无弹出框，则说明不存在该ID=name。
2，若有弹出框，则说明存在该ID=name，那么就可能是因为改脚本语言所处在网页文本位置在ID=name标签上部，把脚本写到该HTML标签下面试验。即可得到该对象值。
但是好像还是说明不了上面的情况。
分享到：
相关推荐
document.getElementById()对象和使用方法
主要是对各浏览器对document.getElementById等方法的实现差异进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
主要介绍了浅谈vue中document.getElementById()拿到的是原值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
当初那种直接访问id的方法，逐渐被document.getElementById所替代。如果这年头还在用id访问元素，要么就是做程序里的内嵌网页，要么就是像铁道部那样的超境界仿古网站：） 当然只要保证你的用户都是用ie访问，这样的...
对于ID & Name 按最经典的解释的：“ID 就如同我们的身份证，Name就如同我们的名字”，也就是说，在一个html文档中ID是唯一的，但是Name是可以重复的，就象我们的人名可以重复但是身份证确实全中国唯一的（PS：据说...
onload = function ( ) { formNode = document . getElementById ( 'form' ) ; submitButtonNode = document . getElementById ( 'submit' ) ; nameInputNode = document . getElementById ( 'name' ) ; ...
document.getElementById为空或不是对象的解决方法，一般情况下注意先内容后js.
document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在...
一个是 typeof 一个就是三元运算符 看完了上面的文章再看下面的就比较好理解了 一般来说常用的函数代码 function $(id){ return typeof id==='string'?document.getElementById(id):id;} var GetBy = function (id...
比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下...
今天手写了一个简单的页面做测试用，写完js部分总是报 TypeError document.getElementById(…) is null 这个错误，代码看了几遍，语法上没找着什么错误，没办法，就在互联网上搜索了一下，才发现 document....
上面的对于新版本的浏览器都是没有问题的，如果使用古老的浏览器，可以使用下面的函数 代码如下:function $(objectId) { if(document.getElementById && document.getElementById(objectId)) { // W3C DOM return ...
主要介绍了TypeError document.getElementById(...) is null错误原因,这是很容易犯的一个低级错误,需要的朋友可以参考下
} $(function(){ var g = document.getElementById , w = window.testFunc ; //g alert(typeof(g)); alert(String(g)); alert(g instanceof Object); alert(g instanceof Function)...
1.下面是一个简单的例子，页面加载时显示一段信息 代码如下:<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%><!DOCTYPE HTML PUBLIC “-//W3C//DTD ...
【要点】document.getElementById方法在Firefox与IE中的区别。 如下,有一name=”txtVersion”的text控件： 代码如下: <div> <input type=”text” name=”txtVersion” size=”15″ value=”Version” maxlength=...
js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox，感兴趣的朋友不要错过