js如何根据用户输入改变图片并隐藏表格最后一行

 下面这段代码因为表单初始值为500，所以默认显示1.png和和全部表格，如果用户输入小于500，怎么把1.png换成2.png并隐藏表格的最后一行，谢谢。
<input id="input1"type="text" value="500" /><input type="button" / onclick="jisuan(this)" value="计算">
<img id="img1" src="1.png"/>
<table width="200" border="1">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr id="tr1">
    <td></td>
    <td></td>
  </tr>
</table>

 <script>
    function jisuan() {
        var v = parseInt(document.getElementById('input1').value) || 0;
        document.getElementById('img1').src = v < 500 ? '2.png' : '1.png'
        document.getElementById('tr1').style.display = v < 500 ? 'none' : ''
    }
</script>
<input id="input1" type="text" value="500" /><input type="button"  onclick="jisuan(this)" value="计算">
<img id="img1" src="1.png" />
<table width="200" border="1">
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr id="tr1">
        <td></td>
        <td></td>
    </tr>
</table>

查下CSS伪类 ：after-child， 改变图片 查一下DOM操作属性方法 setAttribute（）

可以用 jq

var a=$('#input1').val();
if(a<500){
$('#img1').attr('src','2.png');
$('#tr1').css('display','none');
}else{
$('#img1').attr('src','2.png');
$('#tr1').removeAttr('style');

}

楼上两个方法都行，我还有个建议，为什么不监听input的onchange方法，加一个按钮显得累赘