![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
DOM Scriptingで、setAttributeによる画像の差し替えをしたいのですが、意図どおりに差し替えができるブラウザと、できないブラウザがあります。ブラウザのバージョンなど詳細はまだ確認しきれていないのですが、比較的新しいOSとブラウザで差し替えができない傾向があります。以下のようなかたちで行っているのですが、新しい環境だとsetAttributeが使えない、といったことがあるのでしょうか。
【HTML】
<img id="test" src="off.jpg" width="200" height="100" alt="test" />
【JavaScript(DOM Scripting)】
var test = document.getElementById("test");
test.setAttribute("src","on.jpg");
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
はて、そうですか?
idの指定がまちがっているとか、function名をidで宣言している「test()」
としているとか、根本的なミスだったりしませんか?
<html>
<head>
<script>
function testfunc(){
var test = document.getElementById("test");
test.setAttribute("src","on.jpg");
}
</script>
</head>
<body>
<p>
<img id="test" src="off.jpg" width="200" height="100" alt="test">
<input type="button" value="go!" onclick="testfunc()">
</p>
</body>
</html>
この回答への補足
ご回答いただき、ありがとうございます。同じページで多数のjsファイルを読み込んでいるので、干渉?していることはあるかもしれません、調べてみます。一方で、ご指摘のようなミスの場合、動作する環境が複数存在する(XP Pro SP3 / IE8、Chrome、Firefox、Opera、Mac OSX 10.8.4 / Safari、iOS 6 / Safariなど ※細かいバージョンは今はわかりません。)ことは、考えにくいのでは?とも思いました。バグを調べるためのjsを用意して、今、問題の環境にいますが、それ自体が動作せず困っています。
補足日時:2014/02/12 15:29お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript でタイムラグを表示...
-
連番画像「次へ」「前へ」で、...
-
画像と文字を同時に切り替えたい
-
画像アップロードしたい
-
これはどんなJavaScriptなので...
-
window.openで値の渡し方を教え...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
createElementで作成した要素を...
-
textareaに画像を表示したい
-
MFCで画像を表示させているので...
-
JSPでの画像ファイル表示
-
HTMLタグに複数のクラスを設定...
-
画面が真っ白になるのはどうして?
-
助けてください… jQuery 左右に...
-
Fire Foxでロールオー...
-
Jquery 親要素で順番入れ替え
-
JavaScriptで変更した属性の元...
-
タブ切り替えの初期表示について
-
背景色を透明化
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の座標位置取得
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
jQueryで画像を重ねる
-
this.src等のthisについて
-
画像の下に説明文をつけて切り...
-
画像をクリックすると別ウイン...
-
JAVAで画像をボタンで切り替え...
-
jQueryでサーバー上のファイル...
-
画像アップロードしたい
-
クリックで次の画像へ
-
画像をクリックして変数に値を代入
-
複数の画像の中から複数の画像...
-
imgのsrcに値を設定するには
-
スマートな外部javaでロールオ...
-
複数のバナーをリロードする度...
-
divの背景画像を、徐々に表示さ...
-
タイマーをデジタル時計風にす...
-
アンケート型のホームページの...
-
一定時間で画像を変更するスク...
おすすめ情報