HTML DOM Style emptyCells недвижимость
Определение и использование
emptyCells наборы свойств или возвращает ли, чтобы показать пустые ячейки в границы таблицы и фона.
грамматика
Установка emptyCells свойства:
Object.style.emptyCells="show|hide|inherit"
Назад emptyCells свойства:
Object.style.emptyCells
值 | 描述 |
---|---|
show | 显示空单元格的边框和背景,即在空单元格周围绘制边框。 |
hide | 隐藏空单元格的边框和背景,即不在空单元格周围绘制边框。 |
inherit | emptyCells 属性的值从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают emptyCells свойство.
Примечание: Различные различные браузеры по умолчанию.В IE, Chrome и Safari, значение по умолчанию "шоу", в то время как Firefox и Opera браузером, значением по умолчанию является "скрыть".
Примечание: IE7 и более ранние версии не поддерживают emptyCells свойство.IE8 обеспечивает только! DOCTYPE поддерживает emptyCells недвижимость. IE9 поддержка emptyCells недвижимости.
примеров
примеров
Пустые ячейки для изменения режима отображения:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция шоу () {
document.getElementById ( "MyTable") style.emptyCells = "шоу" .;
}
Функция скрыть () {
. Document.getElementById ( "MyTable") style.emptyCells = "скрыть";
}
</ Script>
</ Head>
<Body>
<Таблица ID = "MyTable" граница = "1">
<Tr>
<Th> Месяц </ й>
<Th> Экономия </ й>
</ TR>
<Tr>
<Td> Январь </ TD>
<Td> $ 100 </ TD>
</ TR>
<Tr>
<Td> Февраль </ TD>
<TD> </ TD>
</ TR>
</ Table>
<br>
<Кнопка тип = "кнопка" OnClick = "шоу ()"> отображает пустые ячейки </ кнопка>
<Кнопка тип = "кнопка" OnClick = "скрыть ()"> Скрыть пустые ячейки </ кнопка>
<P> <B> Примечание: </ b> Internet Explorer 8 и более ранние версии должны поддерживать пустые клетки-свойства должны быть объявлены DOCTYPE !. </ P>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция шоу () {
document.getElementById ( "MyTable") style.emptyCells = "шоу" .;
}
Функция скрыть () {
. Document.getElementById ( "MyTable") style.emptyCells = "скрыть";
}
</ Script>
</ Head>
<Body>
<Таблица ID = "MyTable" граница = "1">
<Tr>
<Th> Месяц </ й>
<Th> Экономия </ й>
</ TR>
<Tr>
<Td> Январь </ TD>
<Td> $ 100 </ TD>
</ TR>
<Tr>
<Td> Февраль </ TD>
<TD> </ TD>
</ TR>
</ Table>
<br>
<Кнопка тип = "кнопка" OnClick = "шоу ()"> отображает пустые ячейки </ кнопка>
<Кнопка тип = "кнопка" OnClick = "скрыть ()"> Скрыть пустые ячейки </ кнопка>
<P> <B> Примечание: </ b> Internet Explorer 8 и более ранние версии должны поддерживать пустые клетки-свойства должны быть объявлены DOCTYPE !. </ P>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты