JavaScript判断DIV内容是否为空的方法


Posted in Javascript onJanuary 29, 2016

1、问题背景

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

2、实现效果图如下所示:

JavaScript判断DIV内容是否为空的方法

3、设计源码

<!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>

以上所述是小编给大家介绍JavaScript判断DIV内容是否为空的方法,希望对大家有所帮助。

Javascript 相关文章推荐
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
js实现密码强度检验
Jan 15 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
Dec 09 Javascript
小程序转发探索示例
Feb 19 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
uniapp实现横向滚动选择日期
Oct 21 Javascript
基于javascript实现listbox左右移动
Jan 29 #Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 #Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 #Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 #Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 #Javascript
javascript实现tab响应式切换特效
Jan 29 #Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 #Javascript
You might like
php巧获服务器端信息
2006/12/06 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
php判断文件上传类型及过滤不安全数据的方法
2014/12/17 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
解决vue项目router切换太慢问题
2020/07/19 Javascript
js实现鼠标点击飘爱心效果
2020/08/19 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
Python中的CURL PycURL使用例子
2014/06/01 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
python不同系统中打开方法
2020/06/23 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
几个数据库方面的面试题
2016/07/01 面试题
IBatis持久层技术
2016/07/18 面试题
如何执行一个shell程序
2012/11/23 面试题
信息总监管理职责范本
2014/03/08 职场文书
合作协议书范本
2014/04/17 职场文书
大学英语专业求职信
2014/06/21 职场文书
教师党员自我剖析材料
2014/09/29 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS