JavaScript判斷DIV內(nèi)容是否為空的方法
更新時間:2016年01月29日 09:27:30 作者:翱翔天地
整體思路是這樣的:判斷div內(nèi)部是否為空,如果為空,給出無數(shù)據(jù)提示;否則顯示正常頁面,下面給大家分享js判斷div內(nèi)容是否為空的方法,對判斷div內(nèi)容是否為空的相關(guān)知識感興趣的朋友一起學習吧
1、問題背景
判斷div內(nèi)部是否為空,如果為空,給出無數(shù)據(jù)提示;否則顯示正常頁面
2、實現(xiàn)效果圖如下所示:
3、設(shè)計源碼
<!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)容是否為空的方法,希望對大家有所幫助。
相關(guān)文章
JS驗證IP,子網(wǎng)掩碼,網(wǎng)關(guān)和MAC的方法
這篇文章主要介紹了JS驗證IP,子網(wǎng)掩碼,網(wǎng)關(guān)和MAC的方法,涉及javascript正則表達式的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07IE6/7 and IE8/9/10(IE7模式)依次隱藏具有absolute或relative的父元素和子元素后再顯示
多數(shù)情況下隱藏(設(shè)置display:none)一個元素,無需依次將其內(nèi)的所有子元素都隱藏。非要這么做,有時會碰到意想不到的bug。2011-07-07iOS和Android用同一個二維碼實現(xiàn)跳轉(zhuǎn)下載鏈接的方法
這篇文章給大家分享的是iOS和Android掃描同一個二維碼,分別跳到各自的下載鏈接的實現(xiàn)方法,文中給出了實例代碼,有需要的朋友們可以參考借鑒。2016-09-09