》HTML5 全域屬性
*IE不支援,請使用 Chorme/Firefox
當你要在網頁中隱藏某個元素的內容,直接設定其 hidden 屬性即可,例如以下的配置:
其中 p 元素的 ABC 內容會被隱藏。考慮以下的圖片,在「切換圖片 hidden 屬性」上面按一下,會切換圖片的 hidden 屬性 來達到顯示/隱藏的視覺切換效果。

以下為所需的程式碼:
》HTML5 全域屬性
<p hidden>ABC</p>
其中 p 元素的 ABC 內容會被隱藏。考慮以下的圖片,在「切換圖片 hidden 屬性」上面按一下,會切換圖片的 hidden 屬性 來達到顯示/隱藏的視覺切換效果。
切換圖片 hidden 屬性
以下為所需的程式碼:
document.getElementById('switch').addEventListener('click',function(){
var imgx= document.getElementById('kimg')
if (imgx.hidden )
imgx.hidden = null;
else
imgx.hidden = 'hidden' ; },false) ;
var imgx= document.getElementById('kimg')
if (imgx.hidden )
imgx.hidden = null;
else
imgx.hidden = 'hidden' ; },false) ;
》HTML5 全域屬性
沒有留言:
張貼留言