HTML DOM 스타일 emptyCells 속성
스타일 개체 정의 및 사용
속성 집합 또는 테이블 테두리 및 배경에 빈 셀을 표시할지 여부를 반환 emptyCells.
문법
emptyCells 속성 설정 :
Object.style.emptyCells="show|hide|inherit"
위로 emptyCells 속성 :
Object.style.emptyCells
| 值 | 描述 |
|---|---|
| show | 显示空单元格的边框和背景，即在空单元格周围绘制边框。 |
| hide | 隐藏空单元格的边框和背景，即不在空单元格周围绘制边框。 |
| inherit | emptyCells 属性的值从父元素继承。 |
브라우저 지원
모든 주요 브라우저는 emptyCells 속성을 지원합니다.
참고 : 다른 다른 브라우저의 기본.기본값은 "숨기기"입니다 파이어 폭스와 오페라 브라우저하면서 IE, 크롬과 사파리, "쇼"의 기본 값을합니다.
참고 : IE7 및 이전 버전 emptyCells 속성을 지원하지 않습니다.IE8은! DOCTYPE 지원 emptyCells 속성을 제공합니다. IE9 지원 emptyCells 속성입니다.
예
예
비어있는 셀은 디스플레이 모드를 변경할 수 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
기능 표시 () {
중요 document.getElementById ( "myTable에") style.emptyCells = "쇼";
}
기능 숨기기 () {
. 중요 document.getElementById ( "myTable에") style.emptyCells = "숨기기";
}
</ 스크립트>
</ 헤드>
<바디>
<테이블 ID = "myTable에"테두리 = "1">
<TR>
<목> 월 </ 일>
<목> 저축 </ 일>
</ TR>
<TR>
<TD> 1월 </ TD>
<TD> $ (100) </ TD>
</ TR>
<TR>
<TD> 2월 </ TD>
<TD> </ TD>
</ TR>
</ 테이블>
로 <br>
<버튼 유형 = "버튼"onclick을 = "쇼 ()"> 표시 빈 셀 </ 버튼>
<버튼 유형 = "버튼"onclick을 = "숨기기 ()"> 숨기기 빈 셀 </ 버튼>
<P> <b> 참고 : </ b> Internet Explorer의 빈 셀 속성을 지원한다 (8) 및 이전 버전을 선언해야합니다 DOCTYPE! </ P>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
기능 표시 () {
중요 document.getElementById ( "myTable에") style.emptyCells = "쇼";
}
기능 숨기기 () {
. 중요 document.getElementById ( "myTable에") style.emptyCells = "숨기기";
}
</ 스크립트>
</ 헤드>
<바디>
<테이블 ID = "myTable에"테두리 = "1">
<TR>
<목> 월 </ 일>
<목> 저축 </ 일>
</ TR>
<TR>
<TD> 1월 </ TD>
<TD> $ (100) </ TD>
</ TR>
<TR>
<TD> 2월 </ TD>
<TD> </ TD>
</ TR>
</ 테이블>
로 <br>
<버튼 유형 = "버튼"onclick을 = "쇼 ()"> 표시 빈 셀 </ 버튼>
<버튼 유형 = "버튼"onclick을 = "숨기기 ()"> 숨기기 빈 셀 </ 버튼>
<P> <b> 참고 : </ b> Internet Explorer의 빈 셀 속성을 지원한다 (8) 및 이전 버전을 선언해야합니다 DOCTYPE! </ P>
</ BODY>
</ HTML>
»시도
스타일 개체