ページ上のオブジェクトが空かどうか調べる

書式

Element.empty(element)

element : ID名またはオブジェクト(,で区切って複数列記可)

説明

ページ上のオブジェクトでinnerHTMLの内容が空かどうか調べるにはElement.empty()を使います。内容が空の場合には何も返しません。true、falseで結果を返すわけではないので注意が必要です。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function checkEmpty(){
Element.empty("box1") ? alert("box1は空") : alert("box1は空ではない");
Element.empty("box2") ? alert("box2は空") : alert("box2は空ではない");
Element.empty("box3") ? alert("box3は空") : alert("box3は空ではない");
}
// --></script>
</head>
<body>
<h1>divタグが空かどうか調べる</h1>
<form>
<input type="button" value="チェック" onClick="checkEmpty()">
</form>
<div id="box1"></div>
<div id="box2"> </div>
<div id="box3">Sample text</div>
</body>
</html>