HTML有两种形式，但document.forms只找到1

Question

更新：我自己的错误。我应该使用document.getElementById("auxInputImageForm")感谢您的每一条评论。

我的HTML中有2个表单（auxInputImageForm和myFormID）：

<div class="row">
    <div class="col-md-5" style="padding:0px;"></div>
    <div class="col-md-2" style="background-color:red; padding:0px;">
       <div id="methodDiv">
        <form id="auxInputImageForm">
            <input class="btn btn-default" type=file name=file style="width:190px; margin-top:5px;padding-left:0px; padding-right:0px;">
            <input id="uploadBtn" class="btn btn-primary btn-sm" type=submit value=Upload style="margin-top:5px; margin-left:60px">
        </form> 
      </div>
  </div


  <div class="col-md-5" style="padding:0px;">
    <form id="myFormId">
        <input class="btn btn-default" type=file name=file style="width:190px; margin-top:5px;padding-left:0px; padding-right:0px;">
        <input id="uploadBtn" class="btn btn-primary btn-sm" type=submit value=Upload style="margin-top:5px; margin-left:60px">
    </form> 
  </div>
</div

但是，document.forms仅返回myFormID。下面是console.log（document.forms）：

此外，我尝试document.getElementById("auxInputImage")，但它返回null。

我可以使用不同的javascript函数或代码有问题吗？任何帮助深表感谢。谢谢

Answer 1

问题在于你的HTML，仔细看看这部分：

         </form> 
      </div>
  </div   <!-- not closed, missing (>) -->

在您当前的帖子中重复两次。更正此问题，document.forms按预期工作。

＆＃13;

＆＃13;

console.log(document.forms.length)

＆＃13;

<div class="col-md-2" style="background-color:red; padding:0px;">
  <div id="methodDiv">
    <form id="auxInputImageForm">
      <input class="btn btn-default" type=file name=file style="width:190px; margin-top:5px;padding-left:0px; padding-right:0px;">
      <input id="uploadBtn" class="btn btn-primary btn-sm" type=submit value=Upload style="margin-top:5px; margin-left:60px">
    </form>
  </div>
</div>
<!-- added (>) -->
<div class="col-md-5" style="padding:0px;">
  <form id="myFormId">
    <input class="btn btn-default" type=file name=file style="width:190px; margin-top:5px;padding-left:0px; padding-right:0px;">
    <input id="uploadBtn" class="btn btn-primary btn-sm" type=submit value=Upload style="margin-top:5px; margin-left:60px">
  </form>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我使用jquery运行代码，我没有这个问题

doc

console

你可以将js代码复制到问题