广州明生医药有限公司


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

网络编程 JavaScript判断DIV内容是否为空的方法 06-22

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

javascript实现表单验证
本文实例讲解了javascript实现表单验证的详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:htmlheadmetahttp-equiv="Content-Type"content="text/html

动态创建按钮的JavaScript代码
废话不多说了,直接给大家贴js代码了,具体代码如下所示:!doctypehtmlhtmlheadmetacharset="UTF-8"/titleDocument/titlescripttype="text/javascript"vari=0;functionaddInput(){varo=do

JavaScript学习总结之JS、AJAX应用
1、AJAX简介AJAX(音译为:阿贾克斯)=AsynchronousJavaScriptandXML(异步的JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,也就是在无需重新加载


编辑:广州明生医药有限公司

标签:为空,代码,给大家,所示,表单