javascript - I want to fetch data from a specific URL , after that i want to grab specific dom element.But given null response

Question

I am trying to fetch HTML of a specific ULR. I want to grab specific class from there .

This is the full code.

(function () {
    try {
      /*-----------------------
      section data 
    -----------------------*/
      var FeHelper = this;
      //wait for element to load
      FeHelper.doWhenElementLoaded = function (
        selector,
        trigger,
        delayInterval,
        delayTimeout
      ) {
        var interval = setInterval(function () {
          if (
            document &&
            document.querySelectorAll(selector) &&
            document.querySelectorAll(selector).length > 0
          ) {
            clearInterval(interval);
            trigger();
          }
        }, delayInterval);
        setTimeout(function () {
          clearInterval(interval);
        }, delayTimeout);
      };
      /*-----------------------
      init is the main controller
      --------------------*/

      FeHelper.solve = function(data){
          console.log(data);
          console.log(data.querySelector(".twitter-cards.slick-initialized.slick-slider"));
      }

      FeHelper.init = function () {

        var xhr = new XMLHttpRequest();
        xhr.onload = function() {
          FeHelper.solve(this.responseXML);
        }
        xhr.open('GET', 'https://www.generationgenius.com/about/', true);
        xhr.responseType = "document";
        xhr.send();
      };
      FeHelper.doWhenElementLoaded('body', FeHelper.init, 50, 10000);
    } catch (err) {
      // console && console.log(err);
    }
  })();

question from:https://stackoverflow.com/questions/65838087/i-want-to-fetch-data-from-a-specific-url-after-that-i-want-to-grab-specific-do

Answer 1

Waitting for answers