javascript實現的點選當前元素隱藏效果
本章節介紹一下如何利用原生的javascript點選當前元素實現隱藏效果。
這個使用jQuery實現非常的簡單,具體可以參閱點選元素實現當前元素隱藏效果一章節。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #thediv{ width:200px; height:100px; background:red; } </style> <script> window.onload=function(){ var odiv=document.getElementById("thediv"); odiv.onclick=function(){ this.style.display="none"; } } </script> </head> <body> <div id="thediv"></div> </body> </html>
相關文章
- 點選元素實現當前元素隱藏效果
- javascript點選元素實現當前輪換展現效果JavaScript
- jQuery實現的點選元素隱藏和顯示jQuery
- 點選實現隱藏元素本身程式碼例項
- JavaScript獲取當前點選元素的id屬性值JavaScript
- 滑鼠懸浮或者選中實現當前元素凹凸視覺效果視覺
- 點選空白處隱藏相應的元素
- js實現的點選一個div顯示,其他div隱藏效果JS
- 點選按鈕實現隱藏一個元素程式碼例項
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- CSS點選隱藏和顯示div效果CSS
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- 點選按鈕實現div的顯示和隱藏
- 原生js實現的獲取當前元素的上一個元素節點JS
- jQuery 實現顯示與隱藏效果jQuery
- JavaScript點選切換div的顯示和隱藏JavaScript
- jQuery點選頁面其他地方隱藏顯示的元素jQuery
- 點選實現元素的漸隱或者漸現程式碼例項
- Flutter實現點選空白區域隱藏軟鍵盤Flutter
- javascript獲取當前元素的上一級元素JavaScript
- js元素在中心點由小變大顯示效果和隱藏JS
- js實現的點選顯示或者隱藏相關內容JS
- vue中點選空白處隱藏div的實現(用指令優雅的實現)Vue
- 點選當前文字行實現文字變色效果
- JavaScript當前tr行高亮效果JavaScript
- javascript實現的滑鼠懸浮當前td單元格變色效果JavaScript
- vue點選當前路由,如何實現重新整理當前頁Vue路由
- jQuery點選頁面其他地方隱藏指定元素詳解jQuery
- 點選按鈕顯示或者隱藏元素例項程式碼
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- 點選空白出隱藏鍵盤,或者點選按鈕隱藏軟鍵盤
- 點選按鈕實現隱藏和顯示的切換程式碼
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- css li元素中的文字超出隱藏不換行效果CSS
- JavaScript獲取當前li元素的索引位置JavaScript索引
- JavaScript實現選項卡效果JavaScript
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- jQuery實現的元素延遲指定時間之後隱藏jQuery