>

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

- 编辑:正版管家婆马报彩图 -

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

1、问题背景

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

1、问题背景

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

2、实现效果图如下所示:

图片 1

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内容是否为空的方法,希望对大家有所帮助。

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

您可能感兴趣的文章:

  • js判断FCKeditor内容是否为空的两种形式
  • js判断鼠标同时离开两个div的思路及代码
  • js实现数组去重、判断数组以及对象中的内容是否相同
  • JS判断文本框内容改变事件的简单实例
  • js判断文本框输入的内容是否为数字

1、问题背景 判断div内部是否为空,如果为空,给出无数据提示;否则显示正常页面 2、实现...

2、实现效果图如下所示:

图片 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判断FCKeditor内容是否为空的两种形式
  • js判断鼠标同时离开两个div的思路及代码
  • js实现数组去重、判断数组以及对象中的内容是否相同
  • JS判断文本框内容改变事件的简单实例
  • js判断文本框输入的内容是否为数字

本文由关于计算机发布,转载请注明来源:JavaScript判断DIV内容是否为空的方法