説明
- HTMLタグ要素に設定したclass属性の値を持つプロパティ。
- 用例では,p要素内でclass属性を使って「class="myclass"」と設定した,スタイルシートのクラス名の値「myclass」を,「className」プロパティを使って取得し,書き出している。
- Internet Explorer4.Xは対応していない。
用例
p要素に設定したclass属性の値を取得し書き出す。
<html><head>
<mata http-equiv="Content-Script-Type" content="text/javascript">
<mata http-equiv="Content-Style-Type" content="text/css">
<title>className</title>
<style TYPE="text/css">
<!--
body { background-color: #ffffff }
p.myclass {
border: 3px solid tan;width:200;
background : #999999;
color: navy;
}
-->
</STYLE>
</head>
<body>
*class属性の値
<p class="myclass">
クラス名は"myclass"
</p>
<hr>
<script type="text/javascript">
<!--
document.write("クラス名:");
document.write(document.getElementsByTagName("p")[0].className);
//-->
</script>
</body></html>
この用例を実行する