img 要素を出力する画像表示系の JavaScript を利用する際に、Web 標準に準拠した (妥当な) HTML 文書となるような記述の仕方について述べる。
※ このページでは複数の画像をアニメーション GIF のように表示する AnimateImage スクリプトを例に説明する。
![]()
document.getElementById() が非効率で使えない
という指摘を時々見かけるが、その実装や計測結果をみるとモダンブラウザーには当てはまらないと思う。ただ Internet Explorer 8 以前で少なくとも 100 回以上 getElementById() を呼び出すような場合はパフォーマンスを考慮する必要があるかも。