這篇文章主要介紹“javascript如何隱藏html元素”，在日常操作中，相信很多人在javascript如何隱藏html元素問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript如何隱藏html元素”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

公司主營業(yè)務：網站建設、成都網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現互聯網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯公司推出南京免費做網站回饋大家。

javascript隱藏html元素的方法：1、新建一個HTML文件；2、使用input標簽定義一個類型為button的按鈕；3、定義一個cki()函數；4、通過設置對象style中的display屬性為none來實現隱藏即可。

本文操作環(huán)境：windows7系統、javascript1.8.5版、DELL G3電腦

javascript怎么隱藏html元素?

JS實現點擊按鈕隱藏HTML元素的內容

新建一個HTML文件，命名為test.html,用于實現點擊按鈕隱藏P標簽的功能。

在test.html頁面，使用p標簽定義一段文本內容，并為p標簽添加一個id屬性，id為demo,方便后面步驟使用JS獲得p標簽對象。

再在test.html頁面，使用input標簽定義一個類型為button的按鈕，用于點擊觸發(fā)隱藏的功能。

給input標簽綁定一個點擊事件onclick，當input按鈕被點擊時，調用JS的cki()函數。

在test.html頁面加上JS標記，在標記里面定義一個cki()函數，在里面編寫代碼，實現點擊隱藏p標簽的功能。

在cki()函數內，使用document.getElementById()方法獲得p標簽對象，通過設置對象style中的display屬性為none，實現隱藏p標簽的功能。

在瀏覽器上運行test.html文件，查看實現的效果：

可見，成功實現了點擊按鈕隱藏p標簽的內容。

到此，關于“javascript如何隱藏html元素”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網頁名稱：javascript如何隱藏html元素
當前地址：http://weahome.cn/article/jscogh.html