Есть ли на странице id проверить с помощью javascript

Как "проверить есть ли на странице id". Часто требуется проверить, а есть ли на странице уникальный ид/идентификатор.

Некоторые способы поиска id вызывают вывод ошибки! Сделаем это без ошибки, с примерами!

Подробно о проверке существования id на странице.

1. Проверка - есть ли id на странице при загрузке!? - если нет.
2. Проверка - есть ли id на странице при загрузке!? - если есть.

Проверка - есть ли id на странице при загрузке!?

Первым пунктом проверим - "есть ли на странице id" При загрузке страницы.

Предположим, что у нас должен быть(естественно, что его нет) "id" внутри div

<div id="example">содержание</div>

Далее нам понадобится тег script во внутрь которого помещаем вот такую проверку существования "id"... если "id" существует выведем "id существует", если не существует выведем - "id не существует". Для вывода результата используем document.write:

if(document.getElementById('example')){document.write('<green>id существует</green>');} else {document.write('<red>id не существует</red>');}</script>

Соберем весь код вместе :

<script>if(document.getElementById('example')){document.write('<green>id существует</green>');} else {document.write('<red>id не существует</red>');}</script>

И выведем проверку существования "id" прямо здесь:

Исследуем элемент существования "id"

Теперь давайте посмотрим это в коде - нажимаем исследовать элемент с помощью ПКМ по элементу и видим:

Нажмите, чтобы открыть в новом окне.


Проверка - есть ли id(если есть) на странице при загрузке!?

В выше приведенном пункте мы изначально задали, что на странице id нет.

В этом пункте -повторим абсолютно тоже самое, только сделаем, что id у нас будет существовать.

Для того, чтобы проверить существование id - нам нужен опять div + id, поскольку id уникальный, поэтому нам нужно отличный id от выше приведенного примера!

<div id="id_exist">содержание</div>

Код скопируем из выше идущего пункта, лишь изменим id на "id_exist":

<script>if(document.getElementById('id_exist')){document.write('<green>id существует</green>');} else {document.write('<red>id не существует</red>');}</script>
Вставляем данный код на страницу :
содержание

Посмотрим наш код через исследовать элемент