js 通過class值實現 指定 tr 的 隱藏和顯示

經驗來自於點點滴滴的實踐。

繼續記錄,留待後用。

現在純javascript的東西不知道還有沒有人在用,但限於項目的原因,先進一點的jquery無法使用的情況下,也只能用最原始的js來完成了。

js: 通過class實現 指定tr 的隱藏和顯示

function getElementsByClassName(clsName, tagName,flag) {
var ClassElements = [];
selElements = document.getElementsByTagName(tagName);

for (var i = 0; i < selElements.length; i++) {
if (selElements[i].className == clsName) {
if(!flag){
selElements[i].style.display='none';
}else{
selElements[i].style.display = "block";
}
}
}
}

使用:
1.getElementsByClassName("add","tr",false); 隱藏指定tr
2.getElementsByClassName("add","tr",true); 顯示
發佈了45 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章