溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript如何讓div隱藏

發(fā)布時(shí)間：2021-03-30 12:47:30 來源：億速云 閱讀：420 作者：小新 欄目：web開發(fā)

小編給大家分享一下javascript如何讓div隱藏，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

javascript讓div隱藏的方法：首先使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并設(shè)置其id為mydiv；然后使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，并給button按鈕綁定onclick點(diǎn)擊事件；最后在js標(biāo)簽中，創(chuàng)建hideDiv()函數(shù)即可。

新建一個(gè)html文件，命名為test.html，用于講解js如何使一個(gè)div隱藏。

javascript如何讓div隱藏

在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并設(shè)置其id為mydiv。

javascript如何讓div隱藏

在css標(biāo)簽內(nèi)，通過id（mydiv）設(shè)置div的樣式，定義其寬度為100px，高度為100px，背景顏色為紅色。

javascript如何讓div隱藏

在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行hideDiv()函數(shù)。

javascript如何讓div隱藏

在js標(biāo)簽中，創(chuàng)建hideDiv()函數(shù)，在函數(shù)內(nèi)，使用getElementById（）方法，通過id（mydiv）獲得div對(duì)象，將div對(duì)象style屬性中的display屬性設(shè)置為none，便可以實(shí)現(xiàn)div的隱藏?！就扑]學(xué)習(xí)：js基礎(chǔ)教程】

javascript如何讓div隱藏

在瀏覽器打開test.html文件，點(diǎn)擊按鈕，查看結(jié)果。

javascript如何讓div隱藏

看完了這篇文章，相信你對(duì)“javascript如何讓div隱藏”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手