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 分页控件实现代码
Nov 30 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
jquery判断输入密码两次是否相等
Apr 22 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 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
关于手调机和数调机的选择
2021/03/02 无线电
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
解析php中array_merge与array+array的区别
2013/06/21 PHP
利用Fix Rss Feeds插件修复WordPress的Feed显示错误
2015/12/19 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
python实现简单多人聊天室
2018/12/11 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
Python numpy.zero() 初始化矩阵实例
2019/11/27 Python
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
写好自荐信的几个要点
2013/12/26 职场文书
二年级评语大全
2014/04/23 职场文书
领导班子整改方案
2014/10/25 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python