1、使用JavaScript控制p的顯示隱藏，通常是修改p元素的display為display屬性定義和用法display屬性規(guī)定元素應(yīng)該生成的框的類型display屬性可能的值JavaScript控制p的隱藏 隱藏，代碼如下documentgetElementByIdquotp1quot。

2、打開Sublime Text編輯器，新建一個(gè)HTML文檔，注意一定要設(shè)置編碼格式為utf8，如下圖所示 然后在Body區(qū)域準(zhǔn)備一個(gè)div和一個(gè)button按鈕，接下來會(huì)實(shí)現(xiàn)點(diǎn)擊按鈕來顯示和隱藏DIV，如下圖所示 接下來我們實(shí)現(xiàn)JS腳本的功能，如下圖。

3、div標(biāo)簽隱藏顯示方法打開html開發(fā)軟件，新建一個(gè)html文件，在html文件上創(chuàng)建一個(gè)button按鈕，然后給這個(gè)按鈕設(shè)置一個(gè)id，在案例中把按鈕的id設(shè)置為show然后創(chuàng)建一個(gè)隱藏的div，把需要隱藏的內(nèi)容寫到這個(gè)div上，然后給這個(gè)div。

4、lthtml lthead ltmetacharset=quotutf8quot lttitle隱藏lttitle lt！div就是找到class=quotdivquot的信息，hide就是將對(duì)象隱藏起來深圳網(wǎng)站建設(shè) ltscripttype=quottextjavascriptquotsrc=quotjsjquery191。

5、寫入js#39button#39clickfunction #39div#39hide#39div#39eqparseInt3 * Mathrandomshow3瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊btn按鈕總會(huì)顯示其中1個(gè)div和隱藏另外2個(gè)div。

6、html標(biāo)簽?zāi)J(rèn)隱藏點(diǎn)擊后展開在div中添加style=quotdisplayquot屬性即可打開瀏覽器重新刷新頁面，其結(jié)果為點(diǎn)擊調(diào)查內(nèi)容其結(jié)果為。

7、實(shí)現(xiàn)div隱藏可以通過設(shè)置displayvisible和div的大小等實(shí)現(xiàn)隱藏效果CSS display 屬性 display 屬性規(guī)定元素應(yīng)該生成的框的類型值為時(shí)，此元素不會(huì)被顯示*示例*divdisplay CSS visibility 屬性 visibility。

8、document，getElementByIdquottypediv1quot，style，visibility=quotvisiblequot顯示 通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間，如下 1 2 3 style=quotdisplayquotdocument，getElementByIdquottypediv1quot，style。

9、$quot#divquothide 第1，3，5，7，8，9次點(diǎn)擊按鈕，div隱藏 ， function $quot#divquotshow 第2，4，6，8次點(diǎn)擊按鈕，div顯示。

10、一種是用前臺(tái)JS代碼進(jìn)行控制 另一種是用CS中的程序進(jìn)行控制推薦用第一種方式，優(yōu)點(diǎn)是頁面無需PostBack，無需耗費(fèi)服務(wù)器資源如果用第二種方式，需要使用服務(wù)器控件，第一種可以直接用HTML，也可以節(jié)約一些服務(wù)器。

11、需要用到j(luò)s或者jquery，jquery 用法ltdiv id=#39abc#39顯示隱藏lta #39#abcshow這是顯示 #39#abchide這是隱藏。

12、4刷新頁面，可以看到現(xiàn)在的效果如圖5把移動(dòng)的div做得漂亮一點(diǎn)先把div里的文字去掉我們不顯示文字，顯示一張圖片6然后修改div的樣式，添加背景圖，設(shè)置div的長(zhǎng)度和寬度7再次看下頁面效果，現(xiàn)在隨鼠標(biāo)移動(dòng)的。

13、lthtmlltheadlttitleHTML元素的顯示與隱藏控制lttitleltscript type=quottextjavascriptquotfunction showAndHidden1id1，id2 var div1=documentgetElementByIdquotdivquot+id1 var div2=documentgetElementByIdquot。

14、例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的lthead標(biāo)簽中，加入css代碼ltstylewebkitscrollbardisplay ltstyle3瀏覽器運(yùn)行indexhtml頁面，此時(shí)沒有顯示滾動(dòng)條確能仍然有滾動(dòng)效果。

15、瀏覽的時(shí)候，不同的瀏覽器開發(fā)工具也會(huì)提示，比如如果你用火狐的firebug，在控制臺(tái)也可以看見錯(cuò)誤提示 另外起名字是不能用數(shù)字開頭的，這個(gè)也要注意 那個(gè)顯示塊里寫點(diǎn)東西再測(cè)試，沒有東西也看不出顯示不顯示。

16、這里寫錯(cuò)了，分號(hào)寫在屬性值后面的，不是寫在大括號(hào)后面的 div1，#div2，#div3，div4 display 這樣就可以了開發(fā)中要注意小細(xì)節(jié)。

17、在html的div隱藏層顯示格式里面，怎么加一個(gè)三角形的向下箭頭意思是告訴大家可以點(diǎn)擊后里面有內(nèi)容？ lthtmlltbodyltheadltdivfontsize=quot10quotstyle=quotborder2px2pxsolid#000000width100%quotid=quota1quotonclick=checknumthisltfontface。