JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value=" jump " onclick="setTableFocus(1)" /> <br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
<div id="listbox1div1" tabindex="-1" style="z-index:95; background:white; overflow-y:auto; overflow-x:hidden; width:240; height:314px;">
    <table id="ptObj_listbox1" tabindex="-1">
        <tr>
            <td>some data</td>
        </tr>
    </table>
</div>
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />

CSS

div {
    outline:0;
}
div:focus,input:focus{
  backround-color:red;
  color:blue;
  height: 20px !important;
}

JavaScript

function setTableFocus(count) {
    var flinkText = 'listbox1div' + count;
    document.getElementById(flinkText).focus();
}