ホームページ > 記事 > ウェブフロントエンド > DIV コンテンツが空かどうかを判断する JavaScript メソッド_javascript スキル
DIV コンテンツが空かどうかを判断する JavaScript メソッド_javascript スキル
- WBOYオリジナル
- 2016-05-16 15:17:011975ブラウズ
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>
上記は、DIV コンテンツが空かどうかを判断する JavaScript の方法についての編集者による紹介です。お役に立てば幸いです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。