propriété HTML DOM style emptyCells
Définition et utilisation
emptyCells ensembles de propriétés ou des retours si vous souhaitez afficher les cellules vides de la frontière de la table et le fond.
grammaire
Réglage emptyCells propriétés:
Object.style.emptyCells="show|hide|inherit"
Retour emptyCells propriétés:
Object.style.emptyCells
值 | 描述 |
---|---|
show | 显示空单元格的边框和背景,即在空单元格周围绘制边框。 |
hide | 隐藏空单元格的边框和背景,即不在空单元格周围绘制边框。 |
inherit | emptyCells 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs supportent propriété emptyCells.
Remarque: Différents différents navigateurs par défaut.Dans IE, Chrome et Safari, la valeur par défaut de "show", tandis que Firefox et le navigateur Opera, la valeur par défaut est "cacher".
Note: IE7 et les versions antérieures ne prennent pas en charge la propriété emptyCells.IE8 ne fournit! DOCTYPE soutenu emptyCells propriété. IE9 emptyCells de soutien propriété.
Exemples
Exemples
Les cellules vides pour changer le mode d'affichage:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
show function () {
document.getElementById ( "myTable") style.emptyCells = "show" .;
}
fonction hide () {
. Document.getElementById ( "myTable") style.emptyCells = "cacher";
}
</ Script>
</ Head>
<Body>
<Table id = border "myTable" = "1">
<Tr>
<Th> Mois </ th>
<Th> Économies </ th>
</ Tr>
<Tr>
<Td> Janvier </ td>
<Td> 100 $ </ td>
</ Tr>
<Tr>
<Td> Février </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
cellules vides <type Bouton = "button" onclick = "show ()"> affiche </ button>
cellules vides <Bouton type = "bouton" onclick = "Masquer ()"> Masquer </ button>
<P> <b> Remarque: </ b> Internet Explorer 8 et les versions antérieures devraient soutenir la propriété des cellules vides doivent être déclarées DOCTYPE !. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
show function () {
document.getElementById ( "myTable") style.emptyCells = "show" .;
}
fonction hide () {
. Document.getElementById ( "myTable") style.emptyCells = "cacher";
}
</ Script>
</ Head>
<Body>
<Table id = border "myTable" = "1">
<Tr>
<Th> Mois </ th>
<Th> Économies </ th>
</ Tr>
<Tr>
<Td> Janvier </ td>
<Td> 100 $ </ td>
</ Tr>
<Tr>
<Td> Février </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
cellules vides <type Bouton = "button" onclick = "show ()"> affiche </ button>
cellules vides <Bouton type = "bouton" onclick = "Masquer ()"> Masquer </ button>
<P> <b> Remarque: </ b> Internet Explorer 8 et les versions antérieures devraient soutenir la propriété des cellules vides doivent être déclarées DOCTYPE !. </ P>
</ Body>
</ Html>
Essayez »
style Objets