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

Question

我正在我的Laravel应用程序中设置身份验证，我可以毫无问题地登录和身份验证，但是当我单击注销链接时没有任何反应。我没有被重定向，我只是收到这个JavaScript错误：

类型错误：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访问它，然后触发提交。