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 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
javascript的this关键字详解
May 20 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
JS实现烟花爆炸效果
Mar 10 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
基于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/10/09 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
JQuery fileupload插件实现文件上传功能
2016/03/18 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
2019/03/29 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
Python 处理数据的实例详解
2017/08/10 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
python pandas库的安装和创建
2019/01/10 Python
Python二进制文件读取并转换为浮点数详解
2019/06/25 Python
PyTorch中permute的用法详解
2019/12/30 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
房地产营销策划方案
2014/02/08 职场文书
酒店节能降耗方案
2014/05/08 职场文书
企业口号大全
2014/06/12 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
写给医生的感谢信
2015/01/22 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
Hive日期格式转换方法总结
2022/06/25 数据库