JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class="tr" id="r1">  	
    <td id="type">file</td> 
    <td id="name">nameggg</td>
</tr>
<tr class="tr" id="r2">  	
    <td id="type">file2</td> 
    <td id="name">name2</td>
</tr>
</table>

JavaScript

alert(document.querySelectorAll('tr#r1 > td#name')[0].innerHTML);