>  기사  >  웹 프론트엔드  >  IE8 chrome_javascript 기술의 테이블 인터레이스 색상 변경에 대한 솔루션

IE8 chrome_javascript 기술의 테이블 인터레이스 색상 변경에 대한 솔루션

WBOY
WBOY원래의
2016-05-16 18:23:321041검색

IE8 이상의 버전 코드의 경우 CSS만 필요합니다.
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]) }
IE8 이하의 경우 버전 코드에서는 CSS와 JS를 함께 완성해야 합니다.
먼저 두 개의 CSS를 정의하고 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

.tr1{배경색:#fff;}
.tr2{배경색:#00ff;}

실제로 JS Code를 작성해 보면 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//tbid 테이블의 모든 tr 정보 가져오기
for(var i =0;i{
 if(i%2==0)
trs[i].className="tr1"
else
trs[ i].className="tr2";
}
}

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