JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li><span>1</span></li>
    <li><span>2</span></li>
    <li><span>3</span></li>`
</ol>

<div class="css-175oi2r r-1d09ksm r-18u37iz r-1wbh5a2"><div class="css-175oi2r r-1wbh5a2 r-dnmrzs"><a href="/elonmusk" role="link" tabindex="-1" class="css-175oi2r r-1wbh5a2 r-dnmrzs r-1ny4l3l r-1loqt21"><div dir="ltr" class="css-1rynq56 r-dnmrzs r-1udh08x r-3s2u2q r-bcqeeo r-qvutc0 r-37j5jr r-a023e6 r-rjixqe r-16dba41 r-18u37iz r-1wvb978" style="text-overflow: unset; color: rgb(113, 118, 123);"><span class="css-1qaijid r-bcqeeo r-qvutc0 r-poiln3" style="text-overflow: unset;">@elonmusk</span></div></a></div><div dir="ltr" aria-hidden="true" class="css-1rynq56 r-bcqeeo r-qvutc0 r-37j5jr r-a023e6 r-rjixqe r-16dba41 r-1q142lx r-s1qlax" style="text-overflow: unset; color: rgb(113, 118, 123);"><span class="css-1qaijid r-bcqeeo r-qvutc0 r-poiln3" style="text-overflow: unset;">·</span></div><div class="css-175oi2r r-18u37iz r-1q142lx"><a href="/elonmusk/status/1781557358713278705" dir="ltr" aria-label="3 hours ago" role="link" class="css-1rynq56 r-bcqeeo r-qvutc0 r-37j5jr r-a023e6 r-rjixqe r-16dba41 r-xoduu5 r-1q142lx r-1w6e6rj r-9aw3ui r-3s2u2q r-1loqt21" style="text-overflow: unset; color: rgb(113, 118, 123);"><time datetime="2024-04-20T05:35:48.000Z">3h</time></a></div></div>

<article>
  <span id="o1"></span>
  <br/>
  <span id="o2"></span>
</article>

CSS

article {
  margin-top: 20px;
  border: 2px solid red;
}

JavaScript

const ol = document.querySelector('ol')
const value = ol.querySelector('li:nth-child(3) span').innerText;

document.querySelector('#o1').innerText = value;

const parent = document.querySelector('.css-175oi2r')

const link = parent.querySelector('div:nth-child(3) a')
document.querySelector('#o2').innerText = link.href