如何在tbody中获取所有标签？

debugcn 发表于 Dev

潜行

我有这样的tBody，我想从该tbody中获取所有标签的数据

   <tbody id="tbBaby Doll Vol Six">
           <tr>
             <td align="center">001</td>
              <td width="3%">10017</td>
              <td width="7%">Baby Doll Vol Six</td>
              <td>INR&nbsp;1500.00</td>
              <td align="center">S_36</td> 
              <td align="center">0</td>
              <td align="center">
               <input type="hidden" name="rate" id="rate1" value="1500.0"> 
                    <input type="checkbox" id="1" onclick="dynamic(this.checked,'txtQty1','rate1');" name="all" value="1024-S_36-1500.0">
                    <input type="text" name="txtQty" id="txtQty1" onkeypress="checkNum('Err_txtQty1');" onblur="checkZiro('txtQty1'); subS('txtQty1','rate1');" style="width:20%;" disabled="disabled"><div id="Err_txtQty1"></div>
              </td>
              <td align="center">
             </td>
            </tr>
            <tr>
             <td align="center">002</td>
              <td width="3%">08</td>
              <td width="7%">Baby Doll Vol Six</td>
              <td>INR&nbsp;250.00</td>
              <td align="center">S_36</td> 
              <td align="center">5</td>
              <td align="center">
               <input type="hidden" name="rate" id="rate2" value="250.0"> 
                    <input type="checkbox" id="2" onclick="dynamic(this.checked,'txtQty2','rate2');" name="all" value="1001-S_36-250.0">
                    <input type="text" name="txtQty" id="txtQty2" onkeypress="checkNum('Err_txtQty2');" onblur="checkZiro('txtQty2'); subS('txtQty2','rate2');" style="width:20%;" disabled="disabled"><div id="Err_txtQty2"></div>
              </td>
              <td align="center">
             </td>
            </tr>           
         </tbody>`

从上面我想检索所有标记及其在javascript中的值。我怎样才能做到这一点？

刘易斯

var elements = document.querySelectorAll('tbody *');
for(var i=0;i<elements.length;i++){
    var element = elements[i];
    if(element.tagName === 'INPUT'){
        console.log(element.value);
    }else{
        console.log(element.textContent);
    }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。