Проверьте, существует ли элемент в DOM

Чтобы проверить, существует ли элемент в DOM (объектной модели документа), вы можете использовать несколько методов. Вот несколько часто используемых подходов:

  1. getElementById: этот метод проверяет, существует ли элемент с указанным идентификатором в DOM. Он возвращает элемент, если он найден, или значение NULL, если не найден.

Пример:

var element = document.getElementById('elementId');
if (element) {
    // Element exists
} else {
    // Element does not exist
}
  1. querySelector: этот метод использует селектор CSS для поиска первого элемента в DOM, который соответствует селектору. Если ни один элемент не найден, возвращается значение null.

Пример:

var element = document.querySelector('.className');
if (element) {
    // Element exists
} else {
    // Element does not exist
}
  1. querySelectorAll: этот метод похож на querySelector, но возвращает NodeList, содержащий все элементы, соответствующие селектору. Вы можете проверить длину NodeList, чтобы определить, были ли найдены какие-либо элементы.

Пример:

var elements = document.querySelectorAll('.className');
if (elements.length > 0) {
    // Elements exist
} else {
    // Elements do not exist
}
  1. getElementsByClassName: этот метод возвращает живую HTML-коллекцию элементов с указанным именем класса. Вы можете проверить длину коллекции, чтобы определить, были ли найдены какие-либо элементы.

Пример:

var elements = document.getElementsByClassName('className');
if (elements.length > 0) {
    // Elements exist
} else {
    // Elements do not exist
}
  1. getElementsByTagName: этот метод возвращает живую HTML-коллекцию элементов с указанным именем тега. Вы можете проверить длину коллекции, чтобы определить, были ли найдены какие-либо элементы.

Пример:

var elements = document.getElementsByTagName('tagName');
if (elements.length > 0) {
    // Elements exist
} else {
    // Elements do not exist
}

Это некоторые из распространенных методов проверки существования элемента в DOM. Не забудьте заменить «elementId», «className» и «tagName» фактическими значениями, которые вы хотите проверить.