JS获取元素(截取掉前几个相同元素)

<body>
    <table>
        <thead>
            <td>
                <input type="checkbox" class="all">
            </td>
            <td>
                商品
            </td>
            <td>
                价格
            </td>
        </thead>
       <tbody>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                iphone8
            </td>
            <td>
                8000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                ipad pro
            </td>
            <td>
                5000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                ipad Air
            </td>
            <td>
                2000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
               Apple watch
            </td>
            <td>
                2000
            </td>
        </tr>
       </tbody>
    </table>
   

这里我们要获得tbody里面的所有input,首先我们可以想到的是给tbody中每一个input添加一个类名 part,再通过document.querySelectorAll('.part')选出所有。

刚开始我用的是document.getElementsByTagName('input')但此方法同时也把thead中的input标签给选中了,这与我们所设想的不同,若我们用这个方法时候单纯就这样写结果是不对的,因此可以用下面这个进行一点点的改进

 var part = document.getElementsByTagName('input')
        part = Array.prototype.slice.call(part).slice(1)//把第一个input标签去掉

这样我们得到的就与最初设想的一致

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值