JavaScript中可以通過將圖片display屬性設置為none實現圖片隱藏。display屬性設置元素如何顯示，其語法為Object.style.display=value。
JavaScript中實現通過點擊顯示隱藏圖片代碼：
把圖片的display設為none，觸發點擊事件時，display變為block
<style> img { width: 400px;height: 300px; display: none; //設置圖片隱藏 } </style> <body> <input id = "btn" type="button" value="clickme"> <img src="images/1.jpg" id="pic"> <script> var btn = document.getElementById("btn"); var pic = document.getElementById("pic"); btn.onclick= function (){ pic.style.display = "block"; } </script>廣州品牌設計公司https://www.houdianzi.com PPT模板下載大全https://redbox.wode007.com
display屬性：
display屬性設置元素如何顯示。
Object.style.display=value
值與描述：
-
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>