本文共 631 字，大约阅读时间需要 2 分钟。

我们经常是这样嵌套的：

   
     //表单1	 //表单2		
    	
   
		

然后，我们会发现我们表单2执行submit提交时会报错找不到submit(),

我们执行console.log(document.getElementById(‘formId2’));会发现结果为null;

既然我们发现form表单可并存但是不能嵌套了，那么怎样去解决呢？

上临代码：我们把多个表单执行的事件放在一个表单里面，但提交的时候我们加以控制:

document.getElementById('but1').onclick=function(){        document.getElementById('formId1').setAttribute("action","www.baidu.com");}document.getElementById('but2').onclick=function(){       document.getElementById('formId1').removeAttribute("action","www.baidu.com")    document.getElementById('formId1').setAttribute("action","www.google.com");}

跟大家说一下，上面的input标签也可以换成button

像这样