null不是对象（评估'document.getElementById（'logout-form'）。submit'）-为什么会收到此错误？

Question

我正在Laravel应用中设置身份验证，我可以登录并进行身份验证而不会出现问题，但是当我单击注销链接时，什么都没有发生。我没有被重定向，我只是遇到这个JavaScript错误：

  

TypeError：null不是对象（正在评估   'document.getElementById（'logout-form'）。submit'）

我已经在Safari和Chrome中进行了测试，其行为相同。我确定我只是在做一些愚蠢的事情，而且我不是专业的开发人员。

<a class="dropdown-item" href="#" onclick="event.preventDefault();document.getElementById('logout-form').submit();">Logout</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">@csrf</form>

我不清楚为什么没有触发。帮助吗？

Answer 1

如果您有多种形式，则可以使用document.forms，然后通过其index访问它，然后触发提交。