js 처리 테이블1. 행 색상 간격 표시css 스타일: 두 개의 선택기 코드 복사 코드는 다음과 같습니다: <br>.one{ <br> background-color:#33ffcc; two { <br>backgound-color:#ffff66; <br> <br>함수 trcolor() <br>/ / 간격 행의 색상 표시 제어<br>{ <br>var tabNode = document.getElementsByTagName("table")[0] <br>//테이블 노드 가져오기<br>var trs = tabNode.rows; >/ / 테이블의 모든 행 가져오기 <br>for(var x=1; x<trs.length;x ) <BR>{ <BR>if(x%2 == 1) <BR>trs[x ].className ="one"; <BR>else <BR>trs[x].className ="two" <BR>} <BR>} <BR><BR>//웹 이후 페이지가 로드되면 trcolor 메소드를 실행하여 테이블의 간격 행 색상을 구현합니다. <BR>window.onload = function() <BR>{ <br>trcolor(); <br>} <BR> 2. 라인, 강조색으로 변경하고 이동 후 원래 색상으로 복원 코드 복사 코드는 다음과 같습니다. < ;style type="text/css"> .over{ Background-color:##00ff00; ><br><script type= "text/javascript"> <br>var name; <br>function trMouse() <br>{ <br>var tabNode = document.getELementsByTagName("table")[0] ; <br>//for 루프를 통해 각 tr 태그에 onmouseover 및 onmouseout 속성을 추가합니다. <br>for(var x=0;x<trs[x].length;x ) <BR>{ <BR>trs[ x].onmouseover = function() <BR>{ <BR>name=this.className <BR>this.className="over" <BR>} <BR>tes[x].onmouseout = function() <BR>{ <BR>this.className = 이름 <BR>} <BR>} <BR></script></div>
