suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Methode zur Bestimmung, ob DIV-Inhalte leere_Javascript-Fähigkeiten sind

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

WBOY
WBOYOriginal
2016-05-16 15:17:011975Durchsuche

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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Verständnis des dynamischen Ladens von Javascript-Dateien_Javascript-FähigkeitenNächster Artikel：Verständnis des dynamischen Ladens von Javascript-Dateien_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen