Check if element exists on site's pages using fetch

Question

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);
})();})();

Answer 1

Чтобы использовать результат 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);
})();

БЛОГ НА HUSL

Check if element exists on site's pages using fetch

Ответы (1 шт):