读书人

怎么动态显示和隐藏 HTML 元素使用样式

发布时间: 2012-11-15 15:16:13 作者: rapoo

如何动态显示和隐藏 HTML 元素使用样式表属性

下面的代码示例演示如何显示或隐藏使用这两个样式表属性 P 标记内的文本。将下列 HTML 代码保存到桌面作为 dhtmtest.htm,并在 Internet 浏览器 4.0 或更高版本,然后打开。您将看到演示如何显示和隐藏文本通过切换样式表属性与 JavaScript 的两个表的列。

每个示例显示如何使用可见性和显示样式属性。 这两个属性隐藏文本时区别在于 显示 = 无 不留在屏幕上对象的空间,而 可见性 = 隐藏 保留所使用的元素空间但不呈现到屏幕对象。

此外,显示属性内联和阻止不在 Internet Explorer 4.x 支持,但使用这些值仍按通常的方式显示元素。使用 Internet 浏览器 5,您应设置适当的显示属性值根据该元素是否内嵌或块元素。块元素通常开始一个新行和内联元素不会执行这些操作。

DHTML、 HTML,和 CSS 部分下的以下 url 找不到有关级联样式表和 DHTML 的文档:

http://msdn.microsoft.com/workshop (http://msdn.microsoft.com/workshop)

在以下 URL 找不到有关脚本编写语言的信息:

http://msdn2.microsoft.com/en-us/library/ms950396.aspx (http://msdn2.microsoft.com/en-us/library/ms950396.aspx)

读书人网 >CSS

热点推荐