buttonObject.formは、button要素(ボタン要素)が所属するform要素への参照を取得するプロパティ。
構文
取得
var $formElementReference = $buttonElementReference.form;
戻り値
button要素(ボタン要素)が所属するform要素への参照。
サンプル
Aボタンのform要素のid属性値:
Bボタンのform要素のid属性値:
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleButtonA" ).form.id;
document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleButtonB" ).form.id;
}
</script>
window.onload = function () {
document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleButtonA" ).form.id;
document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleButtonB" ).form.id;
}
</script>
HTML
<p>
<form id="sampleFormA"><button id="sampleButtonA" disabled>A</button></form>
<form id="sampleFormB"><button id="sampleButtonB" disabled>B</button></form>
</p>
<p>Aボタンのform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>Bボタンのform要素のid属性値:<span id="sampleOutputB"></span></p>
<form id="sampleFormA"><button id="sampleButtonA" disabled>A</button></form>
<form id="sampleFormB"><button id="sampleButtonB" disabled>B</button></form>
</p>
<p>Aボタンのform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>Bボタンのform要素のid属性値:<span id="sampleOutputB"></span></p>