JSFiddle - React, Tailwind, and code Playground

HTML

<div id="doc1" class="document-container-title">
    <h3>Doc 1</h3>
</div>
<div id="doc2" class="document-container-title">
    <h3>Doc 2</h3>
</div>
<div id="doc3" class="document-container-title">
    <h3>Doc 3</h3>
</div>

JavaScript

const elements = document.getElementsByClassName('document-container-title')
for (let element of elements) {
	element.addEventListener('mouseenter', (e) => {
  	console.log(e.target.id);
  });
}