ホームページ >ウェブフロントエンド >jsチュートリアル >js tr は tbody の非表示と表示を制御します。
js tr は tbody の非表示と表示を制御します。
- WBOYオリジナル
- 2016-05-16 19:02:171647ブラウズ
使用されるコア コードは
function $(obj){
return document.getElementById(obj)
}
window.onload = function(){
var table = document.getElementById( " myTable");
//テーブル領域でクリックが発生した場合
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 の 1 行をクリックして tr 1 の非表示と表示を制御します
if(i%2 == 0){
var nrs = table .rows[i 1].parentNode.style;
nrs.display = nrs.display == "none"?"":"none";
}
}
}
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。