Hide/show elements in plain JavaScript
<p>I wrote a few lines of jQuery code, but don't know how to realize this in plain JavaScript. That output:</p>

<pre><code>echo "&lt;tr id='perf_row' class='table_header_tr' name='tr_$row_fio_perf[0]'&gt;
          &lt;td class='table_header_td' name='td_$i'&gt;
          $i
          &lt;/td&gt;
      &lt;tr&gt;";
</code></pre>

<p>search input. When user inputs chars, table rows (output higher) must hide and show only what matches the search word.</p>

<pre><code>&lt;input type="text" onkeyup="showPerformers();" id="ShowSearchPerformers"&gt;

  function showPerformers(){      
            var search_login = $('#ShowSearchPerformers').val();
            search_login = search_login.toLowerCase();               
            $('tr[name^=tr_]').hide();
            var search = 'tr[name*=' + search_login+']';
            $(search).show(); 
    }
</code></pre>

<p>How to write this function in JavaScript, not jQuery?</p>
