javascriptで画像を取り扱う際の注意
2024/01/12
javascriptで画像を取り扱う際に、
ちゃんと要素を指定しているのにも関わらず、
undefinedになることが多く、なんでやろ？ と
なったのでメモ。
結論としては、画像を読み込む前にjavascriptで
操作は出来ない。考えると当然だけどはまって
しまったので注意。
■例
<script>
//画像読み込み前なのでundefined
document.images["image_name"].style.display = 'none';
</script>
<img src="test.jpg" name="image_name">
<script>
//画像読み込み後なのでOK
document.images["image_name"].style.display = 'none';
</script>
または、
<script>
function test(){
document.image_name.style.display = 'none';
}
</scirpt>
<image src="test.jpg" name="image_name">
みたいにしておけば、大丈夫。
関連記事
-
-
ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法
formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...
-
-
画像アップロード前の時点で画像が選択されているか確認
やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...
-
-
フォームからアップロードした画像にPHPでロゴ画像(透かし)を追加する方法
フォームから送られてきた画像に対してサイトロゴみたいなロゴ画像を右下等、指定の位 ...
-
-
PHPにて指定した画像に対して、繰り返し透かし画像処理する方法
画像素材等のサイトで無料版の画像に対して「sample」等の透かし画像処理を行っ ...
-
-
PHPで画像を上下反転させ保存する
やりたかった事は、下記の通り。 ・既にフォルダに保存されている画像を上下反転させ ...