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, если у вас есть несколько форм, а затем активировать отправку.