如何判断DIV中的内容为空

最新推荐文章于 2021-12-14 15:09:37 发布

租房请下载：房东直租APP

最新推荐文章于 2021-12-14 15:09:37 发布

阅读量5.3k

点赞数

分类专栏：项目功能经验文章标签： div 内容 content 判断是否为空

本文链接：https://blog.csdn.net/AinUser/article/details/73792155

版权

项目功能经验专栏收录该内容

125 篇文章 2 订阅

订阅专栏

如何判断DIV中的内容为空

1、问题背景

判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面

2、设计源码

[java]view plaincopy 
   
print?
 <!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中的内容为空</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>  