HTML-DOM Stil emptyCells Eigenschaft
Style - Objekte Definition und Verwendung
emptyCells Eigenschaft legt gibt zurück, ob leere Zellen in der Tabelle Rahmen und Hintergrund zu zeigen.
Grammatik
Einstellen emptyCells Eigenschaften:
Object.style.emptyCells="show|hide|inherit"
Zurück emptyCells Eigenschaften:
Object.style.emptyCells
| 值 | 描述 |
|---|---|
| show | 显示空单元格的边框和背景，即在空单元格周围绘制边框。 |
| hide | 隐藏空单元格的边框和背景，即不在空单元格周围绘制边框。 |
| inherit | emptyCells 属性的值从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen emptyCells Eigenschaft.
Hinweis: Verschiedene verschiedenen Browsern Standard.In IE, Chrome und Safari, den Standardwert "Show", während Firefox und Opera-Browser, der Standardwert ist "verstecken".
Hinweis: IE7 und frühere Versionen unterstützen keine emptyCells Eigenschaft.IE8 bietet nur DOCTYPE! EmptyCells Eigenschaft unterstützt. IE9 Unterstützung emptyCells Eigenschaft.
Beispiele
Beispiele
Leere Zellen den Anzeigemodus zu ändern:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion show () {
document.getElementById ( "myTable") style.emptyCells = "show" .;
}
Funktion hide () {
. Document.getElementById ( "myTable") style.emptyCells = "verstecken";
}
</ Script>
</ Head>
<Body>
<Table id = "myTable" border = "1">
<Tr>
<Th> Monat </ th>
<Do> Sparen </ th>
</ Tr>
<Tr>
<Td> Januar </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Februar </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
<Taste type = "button" Onclick = "show ()"> zeigt leere Zellen </ button>
<Taste type = "button" Onclick = "hide ()"> ausblenden leere Zellen </ button>
<P> <b> Hinweis: </ b> Internet Explorer 8 und frühere Versionen sollten mit leeren Zellen Eigenschaft unterstützen müssen deklariert DOCTYPE sein !. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion show () {
document.getElementById ( "myTable") style.emptyCells = "show" .;
}
Funktion hide () {
. Document.getElementById ( "myTable") style.emptyCells = "verstecken";
}
</ Script>
</ Head>
<Body>
<Table id = "myTable" border = "1">
<Tr>
<Th> Monat </ th>
<Do> Sparen </ th>
</ Tr>
<Tr>
<Td> Januar </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Februar </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
<Taste type = "button" Onclick = "show ()"> zeigt leere Zellen </ button>
<Taste type = "button" Onclick = "hide ()"> ausblenden leere Zellen </ button>
<P> <b> Hinweis: </ b> Internet Explorer 8 und frühere Versionen sollten mit leeren Zellen Eigenschaft unterstützen müssen deklariert DOCTYPE sein !. </ P>
</ Body>
</ Html>
Versuchen »
Style - Objekte