JavaScript判斷DIV內(nèi)容是否為空的方法
1、問題背景
判斷div內(nèi)部是否為空,如果為空,給出無數(shù)據(jù)提示;否則顯示正常頁面
2、實(shí)現(xiàn)效果圖如下所示:
3、設(shè)計(jì)源碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>如何判斷DIV中的內(nèi)容為空</title> <script type="text/javascript" src="jquery-2.2.0.js"></script> <script type="text/javascript"> $(function(){ $("#content").append("<div id='dv'>您好!</div>"); $("#btn").click(function(){ var content = $("#content").html(); var noContent = $("#no_content").html(); if(content == null || content.length == 0) { alert("content:"+conten); } if(noContent == null || noContent.length == 0) { alert("noContent:"+noContent); } }); }); </script> </head> <body> <div id="content"></div> <div id="no_content"></div> <input type="button" id="btn" value="判讀DIV為空"/> </body> </html>
以上所述是小編給大家介紹JavaScript判斷DIV內(nèi)容是否為空的方法,希望對(duì)大家有所幫助。
- AngularJS模糊查詢功能實(shí)現(xiàn)代碼(過濾內(nèi)容下拉菜單排序過濾敏感字符驗(yàn)證判斷后添加表格信息)
- JS判斷兩個(gè)對(duì)象內(nèi)容是否相等的方法示例
- JavaScript判斷數(shù)組重復(fù)內(nèi)容的兩種方法(推薦)
- javascript簡單判斷輸入內(nèi)容是否合法的方法
- js判斷文本框輸入的內(nèi)容是否為數(shù)字
- JS判斷文本框內(nèi)容改變事件的簡單實(shí)例
- js實(shí)現(xiàn)數(shù)組去重、判斷數(shù)組以及對(duì)象中的內(nèi)容是否相同
- 基于JavaScript判斷兩個(gè)對(duì)象內(nèi)容是否相等
相關(guān)文章
JS驗(yàn)證IP,子網(wǎng)掩碼,網(wǎng)關(guān)和MAC的方法
這篇文章主要介紹了JS驗(yàn)證IP,子網(wǎng)掩碼,網(wǎng)關(guān)和MAC的方法,涉及javascript正則表達(dá)式的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07IE6/7 and IE8/9/10(IE7模式)依次隱藏具有absolute或relative的父元素和子元素后再顯示
多數(shù)情況下隱藏(設(shè)置display:none)一個(gè)元素,無需依次將其內(nèi)的所有子元素都隱藏。非要這么做,有時(shí)會(huì)碰到意想不到的bug。2011-07-07js 數(shù)組倒序排列的具體實(shí)現(xiàn)
有時(shí)候需要將數(shù)組類型變量內(nèi)的元素顛倒一下順序再輸出,本文就詳細(xì)的介紹一下,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08javascript模板方法模式和職責(zé)鏈模式實(shí)例分析
這篇文章主要介紹了javascript模板方法模式和職責(zé)鏈模式,結(jié)合實(shí)例形式較為詳細(xì)的分析了模板方法模式和職責(zé)鏈模式基本原理、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2023-07-07iOS和Android用同一個(gè)二維碼實(shí)現(xiàn)跳轉(zhuǎn)下載鏈接的方法
這篇文章給大家分享的是iOS和Android掃描同一個(gè)二維碼,分別跳到各自的下載鏈接的實(shí)現(xiàn)方法,文中給出了實(shí)例代碼,有需要的朋友們可以參考借鑒。2016-09-09JS實(shí)現(xiàn)固定在右下角可展開收縮DIV層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)固定在右下角可展開收縮DIV層的方法,右下角的div層可實(shí)現(xiàn)收縮與展開的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02