|
|
|||||||||||||||||
説明
- 指定した要素が，設定した属性を持っているかどうかを調べるメソッド。属性を持っている場合は「true」 ，持っていない場合は「 false」の値で返す。
- 用例では，id名「top」と「top2」のp要素が，align属性を持っているかどうかを調べている。要素がalign属性を持っている場合は，align属性に「center」の値を設定し，持っていない場合は，警告用のウィンドウを開く。id名「top」のp要素は，align属性を持っているので，中央に表示位置が変わり，id名「top」のp要素は，align属性を持っていないので，警告用のウィンドウが開く。
- Opera，Safari，Chromeでも対応している。Internet Explorerでは未対応。
用例
ボタン・フォームをクリックした時，id名「top」と「top2」を設定したp要素が，align属性を持っているかどうかを調べ，align属性を持っていた場合はalign属性に「center」の値を設定し，持っていなかった場合は，結果をアラート・ダイアログ・ボックスに表示する。
<html><head>
<mata http-equiv="Content-Script-Type" content="text/javascript">
<mata http-equiv="Content-Style-Type" content="text/css">
<title>hasAttribute</title>
<script TYPE="text/javascript">
<!--
function Button_1(ID_Name){
el = document.getElementById(ID_Name);
if (el.hasAttribute("align")) {
el.setAttribute("align", "center");
}
else {
alert("alignの値は" + el.hasAttribute("align") +"です");
}
}
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff }
//-->
</style>
</head>
<body>
*指定した属性を持っているかどうか調べる
<hr>
<p id="top" align="right">
align属性あり
</p>
<p id="top2">
align属性なし
</p>
<hr>
<form>
<input type="button" value="top" onClick="Button_1('top')">
<input type="button" value="top2" onClick="Button_1('top2')">
</form>
</body></html>
