Как проверить наличие элемента на странице через javascript?

Пользователь

от ian.heidenreich , в категории: JavaScript , 2 года назад

Как проверить наличие элемента на странице через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от ransom_homenick , год назад

@ian.heidenreich 

Вы можете использовать функцию document.querySelector для поиска элемента на странице. Если элемент найден, функция вернет ссылку на этот элемент, если же элемент не найден, то функция вернет null. Например:

1
2
3
4
5
6
const element = document.querySelector('#some-element');
if (element) {
  // элемент найден, можно с ним работать
} else {
  // элемент не найден
}


Вместо #some-element вы можете указать любой CSS-селектор, например .some-class, div, input[type="text"] и т.д.


Вы также можете использовать функцию document.getElementById, которая ищет элемент с указанным id. Например:

1
2
3
4
5
6
const element = document.getElementById('some-element');
if (element) {
  // элемент найден, можно с ним работать
} else {
  // элемент не найден
}


Обратите внимание, что getElementById работает только с элементами, у которых указан атрибут id.

Пользователь

от cierra , год назад

@ian.heidenreich 

Вы можете использовать функцию document.querySelector для поиска элемента на странице. Если элемент существует, эта функция вернет этот элемент, в противном случае вернется null. Например:

1
2
3
4
5
6
const element = document.querySelector("#elementId");
if (element) {
  console.log("Element exists on the page");
} else {
  console.log("Element does not exist on the page");
}