0
for (let i = 0; i <= 1000000; i++){ //счетчик для перебора страниц
let sitepage = 'site.com/' + i; // объявляем переменную, хранящую url страницы, к которой отправляется запрос
}

let response = await (fetch(sitepage), document.getElementById('elem')); //отправляем запрос для поиска нужного элемента на странице номер i

let noelempages = [];// создаем массив, в котором будут сохраняться страницы, не содержащие искомого элемента

if (response = false){ //проверяем результат запроса
noelempages.push(sitepage);// добавляем страницу, на которой отсутствует элемент, к массиву
}
console.log(noelempages);//отправляем массив со страницами, на которых отсутствует элемент, в консоль

Выкладывал схожий вопрос, но, как мне верно указали, неконкретно его сформулировал. Данный код почему-то выдает "Uncaught ReferenceError: await is not defined", хотя в спецификации метода fetch указано использование именно этого синтаксиса. Подскажите, пожалуйста, что я делаю не так?

Upd. Сделал как в ответе, данном ниже, и запустил через Tampermonkey. Не работает Uncaught (in promise) TypeError: Cannot read property 'innerText' of null

(function() {
    'use strict';

(async function main() {
  const response = await fetch('https://ru.stackoverflow.com/questions/1213490/check-if-element-exists-on-sites-pages-using-fetch');
  const html = await response.text();
  const doc = new DOMParser().parseFromString(html, 'text/html');
  const element = doc.querySelector('Thor and Jerry');
  console.log(element.innerText);
})();})();
11
  • шо сие означает let response = await (fetch(sitepage), getElementById(elem)); 3 дек 2020 в 12:18
  • это как я что-то не понимаю let response = await fetch(sitepage) ладно 3 дек 2020 в 12:18
  • getElementById(elem) это чей метод? 3 дек 2020 в 12:19
  • Понял, в getElementById нужны кавычки для id, сейчас добавлю 3 дек 2020 в 12:23
  • 1
    Простите, мне очень стыдно. Исправил 3 дек 2020 в 12:25

1 ответ 1

0

Чтобы использовать результат fetch() как документ, можно воспользоваться DOMParser:

(async function main() {
  const response = await fetch('http://example.com/');
  const html = await response.text();
  const doc = new DOMParser().parseFromString(html, 'text/html');
  const element = doc.querySelector('p');
  console.log(element.innerText);
})();
4
  • Спасибо за ответ, запустил через Tampermonkey. К сожалению, не работает. Подробнее в шапке 4 дек 2020 в 5:51
  • querySelector использует CSS-селекторы, в вашем же варианте 'Thor and Jerry' не похоже на CSS-селектор. Если вы запустите document.querySelector('Thor and Jerry') в консоли для этой страницы, ошибка будет та же. Я этот метод просто привёл для примера, вы можете использовать getElementById, как планировали, или любой метод для документа или элементов, чтобы проверять, что вам нужно. 4 дек 2020 в 6:33
  • Если же вам нужно проверить, что такого элемента нет, просто проверьте на null прежде, чем запрашивать свойство вроде .innerText. 4 дек 2020 в 6:35
  • 1
    Спасибо огромное, сработало. Просто я тот еще нуб и сразу вас не понял 4 дек 2020 в 9:14

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.