使用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 。