inputButtonObject.formプロパティ

inputButtonObject.formは、汎用ボタン(type属性がbuttonであるinput要素)が所属するform要素への参照を取得するプロパティ。

構文

取得

var $formElementReference = $inputElementReference.form;

戻り値

汎用ボタン(type属性がbuttonであるinput要素)が所属する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>

HTML

<p>
    <form id="sampleFormA"><input type="button" value="A" id="sampleButtonA" disabled></form>
    <form id="sampleFormB"><input type="button" value="B" id="sampleButtonB" disabled></form>
</p>
<p>Aボタンのform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>Bボタンのform要素のid属性値:<span id="sampleOutputB"></span></p>

スポンサード リンク

カテゴリー: DOM, input type=button オブジェクト, JavaScript, リファレンス パーマリンク