>웹 프론트엔드 >JS 튜토리얼 >js tr은 below_javascript 기술의 tbody 숨기기 및 표시를 제어합니다.

js tr은 below_javascript 기술의 tbody 숨기기 및 표시를 제어합니다.

WBOY
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의 단일 행을 클릭하세요.

if(i%2 == 0){
var nrs = table .rows[i 1].parentNode.style;
nrs.display = nrs.display == "none"?"":"none"
}
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.