javascript删除选择的行

  javascript实现删除已经选择的table行。

  思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。

  源代码如下

<script>
    var tb;
    function del() {
        if (confirm('确认删除?!'))
            for (var i = 0; i < tb.rows.length; ) {
                if (tb.rows[i].className == 'del') tb.rows[i].parentNode.removeChild(tb.rows[i]);
                else i++;
            }
    }
    window.onload = function () {
        tb = document.getElementById('tb');
        for (var i = 0; i < tb.rows.length; i++)
            tb.rows[i].onclick = function () {
                this.className = this.className != 'del' ? 'del' : '';
            }
    }
</script>
<style>
.del{background:#f00;color:White;font-weight:bold}
</style>
<input type="button" value="删除" onclick="del()">
<table id="tb" style="border:1px solid black;">
<tr><td>1111111</td></tr>
<tr><td>2222222</td></tr>
<tr><td>3333333</td></tr>
<tr><td>4444444</td></tr>
<tr><td>5555555</td></tr>
<tr><td>6666666</td></tr>
</table>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:javascript删除选择的行

评论(0)Web开发网
阅读(124)喜欢(0)JavaScript/Ajax开发技巧