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

网络编程 2021-07-04 21:04www.168986.cn编程入门

整体思路是这样的判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面，狼蚁网站SEO优化给大家分享js判断div内容是否为空的方法，对判断div内容是否为空的相关知识感兴趣的朋友一起学习吧

1、问题背景

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

2、实现效果图如下所示

3、设计源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://.w3./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内容是否为空的方法，希望对大家有所帮助。

上一篇：jQuery实现横向带缓冲的水平运动效果(附demo源码下下一篇：基于javascript实现listbox左右移动

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

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

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

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设