JSFiddle - React, Tailwind, and code Playground

HTML

<section id = "examples">

 <article id="item_1">
    ...
 </article>

 <article id="item_2">
  ...
 </article>

 <article id="item_3">
    ...
 </article>

 <article id="item_4">
  ...
 </article>

 ...

</section>
<div id="results1"></div>
<div id="results2"></div>
<div id="results3"></div>
<div id="results4"></div>

JavaScript

var elements = document.getElementsByTagName('article');
for(var i = 0; i < elements.length; i++)
{
    var element = elements[i].getBoundingClientRect();
    document.getElementById('results'+(i+1)).innerHTML = "left: " + element.left + ", top: " + element.top;
}