這篇文章將為大家詳細講解有關DIV如何實現(xiàn)顯示和隱藏操作,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
網(wǎng)站建設哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、重慶小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了平谷免費建站歡迎大家使用!
一.DIV顯示/隱藏
1.設置div顯示或隱藏
document.getElementById("div1").style.display="none";//DIV隱藏 document.getElementById("div2").style.display=""; //DIV顯示
當然也可以直接用如下方式顯示:
div1.style.display="none";//DIV隱藏 div2.style.display="";//DIV顯示
2.innerHTML,outerHTML,innerText,outerText
關于這四者的區(qū)別,網(wǎng)上有段經(jīng)典的代碼:
ThisisaDIV!
從中可以很清楚的看出四者各自的功能:
innerHTML:在div里面的html標簽,通過它可以方便的設置div里要顯示的內(nèi)容,如:
document.getElementById("div3").innerHTML="hhh";
outerHTMl:包括div在內(nèi)的所有html標簽
innerText:要在div里顯示的文本,和outerText基本一樣。
值得注意的是,以上四個只有innerHTML在firefox下有效,其他均只在IE下可用
關于“DIV如何實現(xiàn)顯示和隱藏操作”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。