用js刪除tbody的代碼

更新時(shí)間：2008年11月12日 00:15:12 作者：

刪除表格的第一個(gè)tbody

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Author" content="Sheneyan" /> <script type="text/javascript"> function delTbody(n,i){ var t=document.getElementById(n); if (!t)return; var tbs=t.getElementsByTagName('tbody'); if (tbs.length==0){ alert('tbody都被你干掉了，你還想怎么樣？'); return; } if (!tbs[i]){ alert('你指定的tbody索引號(hào)對(duì)應(yīng)的tbody不存在'); return; } t.removeChild(tbs[i]); } </script> <style type="text/css"> </style> </head> <body> <table id="tt"> <tbody> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> <tr> <td>123</td><td>123</td><td>123</td><td>123</td> </tr> </tbody> <tbody> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> <tr> <td>abc</td><td>abc</td><td>abc</td><td>abc</td> </tr> </tbody> </table> <button onclick="delTbody('tt',0)">刪除表格的第一個(gè)tbody（這個(gè)表格只有倆tbody，所以這個(gè)按鈕只能按兩次……）</button> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

相關(guān)文章

js下彈出窗口的變通
js下彈出窗口的變通...
2007-04-04
Javascript根據(jù)指定下標(biāo)或?qū)ο髣h除數(shù)組元素
刪除數(shù)組元素在工作中經(jīng)常會(huì)用到，本文講解一下Javascript根據(jù)下標(biāo)刪除數(shù)組元素的方法，需要了解的朋友可以參考下
2012-12-12
用最通俗易懂的代碼幫助新手理解javascript閉包推薦
我同樣也是個(gè)javascript新手，怎么說(shuō)呢，先學(xué)的jquery，精通之后發(fā)現(xiàn)了javascript的重要性，再回過(guò)頭來(lái)學(xué)javascript面向?qū)ο缶幊?/div> 2012-03-03
微信小程序使用map組件實(shí)現(xiàn)檢索(定位位置)周邊的POI功能示例
這篇文章主要介紹了微信小程序使用map組件實(shí)現(xiàn)檢索(定位位置)周邊的POI功能,涉及微信小程序基于map組件與高德地圖PAI接口的定位操作相關(guān)使用技巧,需要的朋友可以參考下
2019-01-01
JS實(shí)現(xiàn)圖片懶加載(lazyload)過(guò)程詳解
這篇文章主要介紹了JS實(shí)現(xiàn)圖片懶加載(lazyload)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04
JS實(shí)現(xiàn)點(diǎn)擊拉拽輪播圖pc端移動(dòng)端適配
本文通過(guò)實(shí)例代碼給大家介紹了JS點(diǎn)擊拉拽輪播圖pc端移動(dòng)端適配 ,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-09-09
JavaScript function 的 length 屬性使用介紹
函數(shù)的 length 得到的是形參個(gè)數(shù)，如果函數(shù)內(nèi)部是通過(guò)arguments 調(diào)用參數(shù)，而沒(méi)有實(shí)際定義參數(shù)的話， length 只會(huì)的得到0
2014-09-09
解析Javascript單例模式概念與實(shí)例
本文將介紹Javascript模式中較為常見(jiàn)和實(shí)用的模式——單例模式，主要分為概念和實(shí)例部分。在介紹實(shí)例的同時(shí)也會(huì)對(duì)代碼中額外的知識(shí)點(diǎn)進(jìn)行講解。需要的朋友可以看下
2016-12-12
JavaScript獲取兩個(gè)數(shù)組交集的方法
這篇文章主要介紹了JavaScript獲取兩個(gè)數(shù)組交集的方法,涉及javascript針對(duì)數(shù)組的相關(guān)操作技巧,需要的朋友可以參考下
2015-06-06
js獲取圖片寬高的方法
這篇文章主要介紹了js獲取圖片寬高的方法，快速獲取圖片的寬高其實(shí)是為了預(yù)先做好排版樣式布局做準(zhǔn)備，需要的朋友可以參考下
2015-11-11