JSFiddle - React, Tailwind, and code Playground

HTML

<div id="xyx">   
    <span id="sp1"> A</span>
    <span id="sp2"> B</span>
</div>

JavaScript

var spans = document.getElementById('xyx').getElementsByTagName('span'),
    obj = {};

for (var i = 0, l = spans.length; i < l; i++) {
    obj[spans[i].id] = spans[i].textContent || spans[i].innerText;
}

console.log(obj);