JS, Как проверить существует ли на странице элемент с определенным ID?

Question

[artegion]

Вопрос к знатокам! В JS не силен по этому прошу помощи!

...
document.getElementById('поле').setAttribute('value', значение);
...

Есть js скрипт, выводит определенное значение value в поле input id, по умолчанию скрипт отрабатывает на всем сайте, но сама форма находится не на всех страницах сайта, и на страницах где нет данного поля, выходит ошибка: Cannot read property 'setAttribute' of null, там где есть поле, данная ошибка не замечалась.

Так вот вопрос, как изменить скрипт, что бы, проходила проверка "существования" поля inpet id на странице сайта? Если есть, то выводим, нет, то не выводим!? Получается на странице не может найти поле и выводит ошибку!

Answer 1

[Andrey Tsvetkov]

document.getElementById('поле') && document.getElementById('поле').setAttribute('value', значение);;

Comments

[artegion]

Ошибка одна ушла, пришла другая Uncaught TypeError: Cannot read property '0' of null

[Andrey Tsvetkov]

artegion, причина в чём то другом, но не в определении элемента и не в уставке ему значения атрибута

[artegion]

Буду искать, странно что при удалении данной строчки, все отрабатывается без ошибок, значит где-то конфликтует с другим js.

[Andrey Tsvetkov]

artegion, проверяйте значение, которое присваиваете атрибуту, это единственное место где можно накосячить в этой строке

[Дмитрий Лузанов]

Два раза делать поиск по id не самый лучший вариант. Лучше записать document.getElementById('поле') в переменную и уже переменную проверить на null и производить какие-либо действия.

[artegion]

Predve4niy, вот я тоже думал об этом, только как реализовать?! Не подскажите?

[Дмитрий Лузанов]

@artegion

var el = document.getElementById('поле')

if (el) {
  el.setAttribute('value', значение)
}

[artegion]

Predve4niy, Благодарю!

[Gias]

Дмитрий Лузанов, В присваивании ругается на отсутствие...

[Максим Предыбайло]

if (document.getElementById('поле')) {
  let el = document.getElementById('поле')
  el.setAttribute('value', значение)
}

Answer 2

[Айнур Валиев]

document.getElementById('поле').length

Comments

[Shimpanze]

А зачем здесь .length? Если элемента на странице не будет условие и так возвратит null

[Айнур Валиев]

Shimpanze, нет, вывалиться ошибка и скрипт прекратит выполнение.