Как найти ближайший элемент на чистом js?

Question

[vilkakpp]

Есть многостраничный сайт, на одной странице может находится несколько форм, формы отправляются через ajax без перезагрузки страницы.

По нажатию на button внутри тега form срабатывает onclick="doLoad(document.getElementById('form1'))"обработчик получает все объекты внутри form по id, можно ли как-то получить по onclick, просто ближайший не цепляясь за id?

Тут не стоит вопрос в работе обработчика, а именно о возможности на нативном js найти ближайший тег form и получить его?

Answer 1

[Вадим]

Если под "ближайший" подразумевается вверх по дереву, то:
onclick="doLoad(this.closest('form'))"

Comments

[vilkakpp]

Целый день не мог понять как это сделать. Огромное тебе спасибо

[Вадим]

vilkakpp, Не за что. Но Вам ниже дельную вещь предлагают.
Если обработчик этой кнопки перед отправкой формы, то почему бы не привязать обработчик вместо кнопки к прослушиванию события submit у формы? А кнопку просто сделать type="submit". Тогда в обработчике будет в event.target, или внутри this - форма. И вообще не нужно будет в DOM ничего искать.

[vilkakpp]

Суть в том, что через этот обработчик, в полученной коллекции, я ищу элемент в который записываю ошибки при отправке формы, поэтому важно именно получить коллекцию. По сути самого submit нет, страница не перезагружается, а просто появляется модальное окно и сообщение об ошибке или успехе, а все то что было внутри тега form, я разбираю по querySelecor

[Антон Антон]

vilkakpp,

По сути самого submit нет, страница не перезагружается

и что мешает отменить нативный сабмит и перезагрузку страницы в обработчике его события?

все то что было внутри тега form, я разбираю по querySelecor

я, конечно, дико извиняюсь, но есть такая штука как https://learn.javascript.ru/formdata и https://developer.mozilla.org/en-US/docs/Web/API/H...

Answer 2

[Антон Антон]

Если button внутри form, то можно воспользоваться https://developer.mozilla.org/en-US/docs/Web/API/E...
но вообще ничего не мешает сделать вместо button submit и прицепиться к обработчику form