使用CSS和JavaScript显示和隐藏文本或图像

在您的网站上创建应用程序风格的体验

动态HTML （DHTML）允许您在网站上创建应用程序风格体验，从而降低整个页面必须完全加载的频率。 在应用程序中，当您点击某些内容时，应用程序会立即更改以显示特定内容或向您提供答案。

相比之下，网页通常必须重新加载，或者必须加载整个新页面。 这可能会让用户体验更加脱节。 您的客户必须等待加载第一页，然后等待第二页加载，等等。

使用＆lt; div＆gt; 改善观看者体验

使用DHTML，改善这种体验的最简单方法之一是让div元素打开和关闭，以便在请求时显示内容。 div元素定义您的网页上的逻辑分区。 将div看作可能包含段落，标题，链接，图像甚至其他div的框。

你需要什么

为了创建一个可以打开和关闭的div，您需要以下内容：

• 通过点击打开和关闭来控制div的链接
• 显示和隐藏div
• CSS来隐藏或显示div的样式
• JavaScript来执行操作

控制链路

控制环节是最简单的部分。 只需创建一个链接，就像你会到另一个页面一样。 现在，请将href属性留空。

学习HTML

把它放在你的网页的任何地方。

显示和隐藏Div

创建你想要显示和隐藏的div元素。 确保你的div有一个唯一的ID。 在这个例子中，唯一的ID是学习HTML 。