HTML DOM display 属性
2015-05-14 17:54
369 查看
display 属性设置元素如何显示。
本例设置不显示元素:
}
</script>
</head>
<body>
<h1>Hello</h1>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="removeElement()"
value="Do not display paragraph" />
</body>
</html>[/code]
语法:
Object.style.display=value
Possible Values
值 | 描述 |
---|---|
none | 此元素不会被显示。 |
block | 此元素将显示为块级元素,此元素前后会带有换行符。 |
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
list-item | 此元素会作为列表显示。 |
run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
compact | 此元素会根据上下文作为块级元素或内联元素显示。 |
marker | |
table | 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。 |
inline-table | 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。 |
table-row-group | 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。 |
table-header-group | 此元素会作为一个或多个行的分组来显示(类似 <thead>)。 |
table-footer-group | 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。 |
table-row | 此元素会作为一个表格行显示(类似 <tr>)。 |
table-column-group | 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。 |
table-column | 此元素会作为一个单元格列显示(类似 <col>) |
table-cell | 此元素会作为一个表格单元格显示(类似 <td> 和 <th>) |
table-caption | 此元素会作为一个表格标题显示(类似 <caption>) |
实例
本例设置不显示元素:<html> <head> <script type="text/javascript"> function removeElement() { [code]document.getElementById("p1").style.display="none";
}
</script>
</head>
<body>
<h1>Hello</h1>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="removeElement()"
value="Do not display paragraph" />
</body>
</html>[/code]
相关文章推荐
- HTML DOM display 属性
- HTML DOM display 属性
- HTML DOM display 属性
- HTML DOM display 属性
- Code笔记之:CSS+HTML display 属性
- HTML DOM border 属性
- 利用html的name属性获取dom元素
- HTML DOM defaultValue 属性
- web开发设计--JS的innerHTML/display属性
- HTML DOM之属性的各种操作方法
- HTML DOM rowIndex 属性
- HTML DOM selectedIndex 属性
- HTML DOM节点的属性获取
- JavaScript HTML DOM节点类型之Document类型(Document对象属性和Document对象集合属性)
- HTML DOM classList属性
- HTML DOM innerHTML 属性及实现图片连续播放
- html中 style 显示属性: display 和 visibility的区别
- HTML DOM nodeType 属性
- html之DOM属性查找,操作
- Firefox 不支持 DOM 对象的 outerHTML innerText outerText 属性