ページ上のオブジェクトにクラス名が含まれるか調べる

書式

Element.hasClassName(element, className)

element : ID名またはオブジェクト
className : スタイルシートクラス名

説明

ページ上のオブジェクトにクラス名が含まれるか調べるにはElement.hasClassName()を使います。戻り値が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 checkClassName(){
var flag = Element.hasClassName("box1", "note");
$("result").innerHTML = "box1 : "+flag+"<br>";
var flag = Element.hasClassName("box2", "note");
$("result").innerHTML += "box2 : "+flag+"<br>";
}
// --></script>
</head>
<body>
<h1>クラス名が含まれるか調べる</h1>
<form>
<input type="button" value="チェック" onClick="checkClassName()">
</form>
<div id="box1" class="content note">Sample text</div>
<div id="box2" class="content">Sample text</div>
<div id="result"></div>
</body>
</html>