document.イメージ名.width …… 画像の横幅を設定する
広告
イメージオブジェクトのwidthプロパティは、画像の横幅を設定します。
この機能は、すでにウェブ標準から削除されています。
将来的にブラウザでサポートされなくなる可能性があるので注意してください。
■使用例
HTML + JavaScriptソース
<script>
<!--
function sample(yokohaba) {
document.sampleimg1.width = yokohaba;
}
// -->
</script>
<p>
<a onClick="sample(100)">横幅100にする！</a><br>
<a onClick="sample(200)">横幅200にする！</a><br>
<a onClick="sample(300)">横幅300にする！</a><br>
<a onClick="sample(400)">横幅400にする！</a><br>
<img name="sampleimg1" src="https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/kaeru.gif">
</p>
↓↓↓
■関連項目
document.images.length …… ドキュメント内にある画像の数を参照する
document.イメージ名.src …… 画像ファイルのURLを参照する
document.イメージ名.lowsrc …… 低解像度画像ファイルのURLを参照する
document.イメージ名.name …… 画像のname属性の値を参照する
document.イメージ名.complete …… 画像の読み込みが完了したかどうかを返す
document.イメージ名.width …… 画像の横幅を設定する
document.イメージ名.height …… 画像の高さを設定する
document.イメージ名.hspace …… 画像の水平方向の余白を設定する
document.イメージ名.vspace …… 画像の垂直方向の余白を設定する
document.イメージ名.border …… 画像のボーダーの太さを設定する
document.イメージ名.src …… 画像ファイルのURLを参照する
document.イメージ名.lowsrc …… 低解像度画像ファイルのURLを参照する
document.イメージ名.name …… 画像のname属性の値を参照する
document.イメージ名.complete …… 画像の読み込みが完了したかどうかを返す
document.イメージ名.width …… 画像の横幅を設定する
document.イメージ名.height …… 画像の高さを設定する
document.イメージ名.hspace …… 画像の水平方向の余白を設定する
document.イメージ名.vspace …… 画像の垂直方向の余白を設定する
document.イメージ名.border …… 画像のボーダーの太さを設定する
広告