JavaScript判断DIV内容是否为空的方法
更新时间：2016年01月29日 09:27:30 作者：翱翔天地
整体思路是这样的：判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面，下面给大家分享js判断div内容是否为空的方法，对判断div内容是否为空的相关知识感兴趣的朋友一起学习吧
1、问题背景
判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面
2、实现效果图如下所示：
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内容是否为空的方法，希望对大家有所帮助。
相关文章
这篇文章主要介绍了JS+WCF实现进度条实时监测数据加载量的方法,结合实例形式分析了大量数据导入过程中前台js与后台WCF交互实现实时显示加载进度的相关操作技巧,需要的朋友可以参考下2017-12-12
在本篇文章中小编给大家分享了关于javascript中floor使用的知识点内容，有兴趣的朋友们学习下。2019-02-02
JS实现iframe自适应高度的方法(兼容IE与FireFox)
这篇文章主要介绍了JS实现iframe自适应高度的方法,涉及javascript与iframe交互动态操作页面元素属性的相关技巧,需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了TypeScript中字符串的常用操作，例如substring、indexOf、slice、replace等，感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
最近写管理端的需求，发现有一个excel导出的需求，所以正好本文就来和大家分享一下导出excel文件的三种实现方式，感兴趣的小伙伴可以了解一下2023-07-07
这篇文章主要介绍了JS闭包原理及其使用场景解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
本文主要介绍了JavaScript WeakMap的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包，本文给大家介绍jsonobject使用方法相关知识，感兴趣的朋友一起学习吧2015-12-12
javascript中的toFixed固定小数位数 简单实例分享
这篇文章介绍了toFixed固定小数位数的简单例子，有需要的朋友可以参考一下2013-07-07
单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。本文将详细介绍Bootstrap按钮组，感兴趣的朋友一起看看吧2017-07-07
最新评论