JavaScript-Methode zur Bestimmung, ob DIV-Inhalte leere_Javascript-Fähigkeiten sind-js-Tutorial-php.cn

JavaScript-Methode zur Bestimmung, ob DIV-Inhalte leere_Javascript-Fähigkeiten sind

WBOY

Freigeben： 2016-05-16 15:17:01

Original

1926 Leute haben es durchsucht

1. Problemhintergrund

Stellen Sie fest, ob das Innere des Div leer ist. Geben Sie eine Eingabeaufforderung ohne Daten ein. Andernfalls wird die normale Seite angezeigt

2. Das Wirkungsdiagramm ist wie folgt:

3. Quellcode entwerfen

<!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>

Nach dem Login kopieren

Das Obige ist die Einführung des Herausgebers in die JavaScript-Methode zur Bestimmung, ob der DIV-Inhalt leer ist. Ich hoffe, es wird Ihnen hilfreich sein.