js tr控制下面的tbody隱藏和顯示
更新時間:2008年07月29日 10:12:49 作者:
這個問題弄了我?guī)滋鞗]心思寫程序,問了論壇很多網(wǎng)友才搞定的。
用的核心代碼
function $(obj){
return document.getElementById(obj);
}
window.onload = function(){
var table = document.getElementById("myTable");
//如果在表格區(qū)域內(nèi)產(chǎn)生單擊
table.onclick = function(e){
var e = window.event||e,target = e.srcElement||e.target;
//得到tr
while(target.tagName.toLowerCase() != "tr"){
target = target.parentNode;
}
var i = target.rowIndex;
//單擊單行的Tr的話就是控制tr + 1的隱藏和顯示
if(i%2 == 0){
var nrs = table.rows[i + 1].parentNode.style;
nrs.display = nrs.display == "none"?"":"none";
}
}
}
</script>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
function $(obj){
return document.getElementById(obj);
}
window.onload = function(){
var table = document.getElementById("myTable");
//如果在表格區(qū)域內(nèi)產(chǎn)生單擊
table.onclick = function(e){
var e = window.event||e,target = e.srcElement||e.target;
//得到tr
while(target.tagName.toLowerCase() != "tr"){
target = target.parentNode;
}
var i = target.rowIndex;
//單擊單行的Tr的話就是控制tr + 1的隱藏和顯示
if(i%2 == 0){
var nrs = table.rows[i + 1].parentNode.style;
nrs.display = nrs.display == "none"?"":"none";
}
}
}
</script>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- bootstrap——bootstrapTable實現(xiàn)隱藏列的示例
- BootStrap Validator對于隱藏域驗證和程序賦值即時驗證的問題淺析
- BootStrap實現(xiàn)響應式布局導航欄折疊隱藏效果(在小屏幕、手機屏幕瀏覽時自動折疊隱藏)
- BootStrap的彈出框(Popover)支持鼠標移到彈出層上彈窗層不隱藏的原因及解決辦法
- js設置控件的隱藏與顯示的兩種方法
- jquery和js實現(xiàn)對div的隱藏和顯示方法
- js點擊頁面其它地方將某個顯示的DIV隱藏
- javascript 控制 html元素 顯示/隱藏實現(xiàn)代碼
- 如何用js控制frame的隱藏或顯示的解決辦法
- Bootstrap顯示與隱藏簡單實現(xiàn)代碼
相關文章
如何實現(xiàn)chrome瀏覽器關閉頁面時彈出“確定要離開此面嗎?”
這篇文章主要介紹了如何實現(xiàn)chrome瀏覽器關閉頁面時彈出“確定要離開此面嗎?”的方法以及相關資料,需要的朋友可以參考下2015-03-03JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組的實現(xiàn)示例
這篇文章主要介紹了JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-07-07JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法實例分析【順序查找、最大最小值、自組織查詢】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法,結(jié)合實例形式分析了順序查找、最大最小值、自組織查詢算法相關原理與實現(xiàn)技巧,需要的朋友可以參考下2019-02-02JavaScript 小型打飛機游戲?qū)崿F(xiàn)原理說明
這次為大家?guī)淼男∮螒蚴牵捍蝻w機。呃。。。我本人就寫不出什么驚天大作的游戲的了,只能寫寫小游戲,代碼量小,又可以學習,主要是想法思路,代碼量大,估計也沒啥人會去研究學習。。。2010-10-10