`標簽來容納圖片,設置了`display: none;`的CSS樣式,使得圖片在頁面加載時是隱藏狀態。
最后,我們需要使用JavaScript代碼來實現點擊鏈接或按鈕后出現圖片的功能。我們可以使用`addEventListener()`函數來監聽用戶的點擊事件,然后使用`document.getElementById()`函數來獲取我們剛剛定義的圖片容器,并改變其CSS樣式顯示圖片。
以下是完整的HTML和JavaScript代碼:
```html
點擊文本出現圖片```
在上面的代碼中,我們使用了常量`button`和`pictureContainer`來保存這個鏈接或按鈕以及圖片容器。然后,我們使用`addEventListener()`函數給按鈕添加了一個點擊事件監聽器,在用戶點擊按鈕后,執行回調函數來改變圖片容器的CSS樣式。
我們使用了`display: block;`的CSS樣式來展示圖片容器。當用戶再次點擊“查看圖片”按鈕時,圖片容器會再次隱藏。
總結:
本文介紹了如何使用HTML和JavaScript實現點擊文本出現圖片的代碼。我們先在HTML文件中定義了一個`