HTML5 全域屬性-hidden

》HTML5 全域屬性

*IE不支援,請使用 Chorme/Firefox

當你要在網頁中隱藏某個元素的內容,直接設定其 hidden 屬性即可,例如以下的配置:

<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) ;


》HTML5 全域屬性



沒有留言: