HTML DOM propiedad Estilo emptyCells
Definición y Uso
emptyCells conjuntos de propiedades o devoluciones si se debe mostrar celdas vacías en el borde de la tabla y el fondo.
gramática
Configuración de las propiedades emptyCells:
Object.style.emptyCells="show|hide|inherit"
Volver emptyCells propiedades:
Object.style.emptyCells
值 | 描述 |
---|---|
show | 显示空单元格的边框和背景,即在空单元格周围绘制边框。 |
hide | 隐藏空单元格的边框和背景,即不在空单元格周围绘制边框。 |
inherit | emptyCells 属性的值从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad emptyCells.
Nota: por defecto diferente diferentes navegadores.En IE, Chrome y Safari, el valor por defecto de "espectáculo", mientras que Firefox y el navegador Opera, el valor por defecto es "ocultar".
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad emptyCells.IE8 sólo proporciona! DOCTYPE apoyado emptyCells propiedad. IE9 emptyCells soporte propiedad.
Ejemplos
Ejemplos
Las celdas vacías para cambiar el modo de visualización:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
función de presentación () {
document.getElementById ( "myTable") style.emptyCells = "espectáculo" .;
}
la función de ocultar () {
. Document.getElementById ( "myTable") style.emptyCells = "ocultar";
}
</ Script>
</ Head>
<Cuerpo>
<Tabla de id = frontera "myTable" = "1">
<Tr>
<TH> Mes </ th>
<TH> Ahorro </ th>
</ Tr>
<Tr>
<Td> Enero </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Febrero </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
<Tipo botón = "botón" onclick = "mostrar ()"> Muestra celdas vacías </ botón>
<Botón type = "button" onclick = "Hide ()"> Ocultar celdas vacías </ botón>
<P> <b> Nota: </ b> Internet Explorer 8 y versiones anteriores deben apoyar propiedad células vacías deben ser declarados DOCTYPE !. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
función de presentación () {
document.getElementById ( "myTable") style.emptyCells = "espectáculo" .;
}
la función de ocultar () {
. Document.getElementById ( "myTable") style.emptyCells = "ocultar";
}
</ Script>
</ Head>
<Cuerpo>
<Tabla de id = frontera "myTable" = "1">
<Tr>
<TH> Mes </ th>
<TH> Ahorro </ th>
</ Tr>
<Tr>
<Td> Enero </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Febrero </ td>
<Td> </ td>
</ Tr>
</ Table>
<br>
<Tipo botón = "botón" onclick = "mostrar ()"> Muestra celdas vacías </ botón>
<Botón type = "button" onclick = "Hide ()"> Ocultar celdas vacías </ botón>
<P> <b> Nota: </ b> Internet Explorer 8 y versiones anteriores deben apoyar propiedad células vacías deben ser declarados DOCTYPE !. </ P>
</ Body>
</ Html>
Trate »
Objetos de estilo