简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

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

WBOY
发布： 2016-05-16 15:17:01
原创
1926 人浏览过

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判断div是否为空 判断div内容是否为空
来源：php.cn
上一篇：理解Javascript文件动态加载_javascript技巧 下一篇：Angular实现form自动布局_AngularJS
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何将外部 div 的高度设置为始终等于特定内部 div 的高度？ 我有一个外部div，其中包含三个内部div。我希望最左边的内部div始终确定外部div的高度。如果其他内部div的内容[比最左边的div]少，它们将有空白空间。如果他们有更多的内容...
来自于 2023-11-07 13:59:30
0
2
314
对返回真或假的算法进行理论分析，基于给定概率的研究 我想实现一个方法，以n/m的概率返回true，以(m-n)/m的概率返回false。例如，我想以7/10000的概率获得true。为了实现这个目标，我首先从函数getRandomI...
来自于 2023-09-05 19:57:42
0
1
287
判断input是否为数字 def is_number(s):    try:        float(s)        返回 True    除了 ValueError:        pass    ...
来自于 2022-05-13 23:04:37
0
0
761
php如何单独提取出不满足条件的字符串 如图所示：图中的代码执行后, $result的类型肯定是false。因为$a并不大于$b。现在的需求是, $string的值是由用户自己填写的一个表达式(格式无规律), 然后我来判...
来自于 2020-10-26 15:16:45
0
1
802
自己写的可用的前台jqyuery用户名和手机号验证 个人感觉可用，请高手指正！<?php     session_start() ;  //如果直接打开用户后台首页就判断阶段变量是否为空，如果为空就来到注册页面，如果不为空就进...
来自于 2020-01-19 17:34:51
0
0
856
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！