JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tab" border="1">
    <tr>
        <td>abc</td>
        <td>def</td>
    </tr>
    <tr>
        <td>ghi</td>
        <td>jkl</td>
    </tr>
    <tr>
        <td>mno</td>
        <td>pqr</td>
    </tr>
</table>
<button onclick="inv()">invisible</button>
<button onclick="vis()">visible</button>

JavaScript

var tab, td;
	window.onload = function () {
	    tab = document.getElementById("tab");
	    td = tab.getElementsByTagName("td");

	}

	function inv() {
	    for (i = 0; i < td.length; i++) {
	        td[i].style.display = "none";
	        i++;
	    }
	}

	function vis() {
	    for (i = 0; i < td.length; i++) {
	        td[i].style.display = "block";
	        i++;
	    }
	}