勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

javascriptで画像を取り扱う際の注意

      2014/07/02

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">

みたいにしておけば、大丈夫。

 - JavaScript, 画像

  関連記事

Ajaxでプラグイン無しのファイルアップロード

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...

アタリ(noimage)画像の自動生成

縦200×横150pxのno-image画像みたいなのが欲しかった。 探すと便利 ...

PHPで画像の削除

やりたい事↓↓ --------------- 画像の削除。削除ボタンを押すと「 ...

PHP側での画像最大アップロードサイズの確認

画像がアップロードできず、恐らくサイズ指定にひっかかっているので 最大サイズを調 ...

jQueryやJavaScriptで認識違いしていたところのメモ(高速化)

認識違いしていたり、知らなかったりでもっと高速な 処理を行えそうな点があったので ...

IEでjavascript関数の初期値

あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...

IE&javascriptの予約語

前にもひっかかった問題で、今日同じことで 時間をとられたのでメモ。 予約語? っ ...

javascriptでスクロール

やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...

JavaScriptでFlashのバージョンを取得

既存のソースでFlashのバージョン取得を 行っているものがあり、使いそうなので ...

javascriptでランダム英数字

やりたかった事はjavascriptでランダム英数字の羅列を取得。 ■参考サイト ...