inputImageObject.formは、画像を使う送信ボタン(type属性がimageであるinput要素)が所属するform要素への参照を取得するプロパティ。
構文
取得
var $form = $inputElementReference.form;
戻り値
画像を使う送信ボタン(type属性がimageであるinput要素)が所属するform要素への参照。
サンプル
左のの画像を使う送信ボタンが属するform要素のid属性値:
右の画像を使う送信ボタンが属するform要素のid属性値:
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleA" ).form.id;
document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleB" ).form.id;
}
</script>
window.onload = function () {
document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleA" ).form.id;
document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleB" ).form.id;
}
</script>
HTML
<div id="sampleWarp">
<form id="sampleFormA" method="get" action="http://alphasis.info/2014/01/javascript-dom-input-image-form/" target="_blank">
<input type="image" src="http://alphasis.info/wp-content/uploads/2013/12/sampleImageButton.png" alt="送信A" id="sampleA">
</form>
<form id="sampleFormB" method="get" action="http://alphasis.info/2014/01/javascript-dom-input-image-form/" target="_blank">
<input type="image" src="http://alphasis.info/wp-content/uploads/2013/12/sampleImageButtonB.png" alt="送信B" id="sampleB">
</form>
<p>左のの画像を使う送信ボタンが属するform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>右の画像を使う送信ボタンが属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>
<form id="sampleFormA" method="get" action="http://alphasis.info/2014/01/javascript-dom-input-image-form/" target="_blank">
<input type="image" src="http://alphasis.info/wp-content/uploads/2013/12/sampleImageButton.png" alt="送信A" id="sampleA">
</form>
<form id="sampleFormB" method="get" action="http://alphasis.info/2014/01/javascript-dom-input-image-form/" target="_blank">
<input type="image" src="http://alphasis.info/wp-content/uploads/2013/12/sampleImageButtonB.png" alt="送信B" id="sampleB">
</form>
<p>左のの画像を使う送信ボタンが属するform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>右の画像を使う送信ボタンが属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>