JSFiddle - React, Tailwind, and code Playground

by David

HTML

<body tabindex="0" style="background-color: rgb(255, 255, 255); min-height: 524px;">
    <div id="main">
      <div class="a" style="min-height: 480px;">
        <div class="72">
          <div class="4">
            <div class="5">
              <div>
                <div class="o">
                  <div>
                    <div class="qr">
                      <div class="item">
                        <div class="ib">
                          <a class="l" href="/bob.barker.982?fref=pb"></a>
                          <div class="n">
                            <a href="/bob.barker.982?fref=pb">
                              <div class="t5">
                                <span>
                                  <span>
                                    <strong>bob barker</strong>
                                  </span>
                                </span>
                              </div>
                            </a>
                            <div class="p">
                              <div class="0" id="u0c">
                                <div class="9" style="display: none;">something here</div>
                                <div style="display: none;" class="notice">something here</div>
                                <div class="notice ellipsis"></div>
                                <div style="display: none;" class="nce">something here</div>
                              </div>
                            </div>
                          </div>
                          <div class="4m" id="u0F">
                            <a href="/link/here/4jjk5rtgjrtujyerth" class="g">
                              <i class="gQ">
                                <u>someething here</u>
                              </i>
                              <span class="_55sr">something here</span></a>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div...

JavaScript

function getStuff(Path) {
  var txt = '';
  var cnt = 0;
  var nodes = document.evaluate(Path, document, null, XPathResult.ANY_TYPE, null);
  var result = nodes.iterateNext();
  var Json = '{testing:[';
  while (result) {
    if (cnt != 10) {
      console.log('Result: ', result);
      txt += '{href:' + result + '},';
      result = nodes.iterateNext();
      cnt++;
    } else {
      txt = txt.replace(/(^,)|(,$)/g, );
      break;
    }
  }
  return Json + txt + ']}';
}
console.log(getStuff("//html/body/div[1]/div/div/div/div/div/div/div/descendant::a[contains(@href, '?fref=pb')]/@href"));