ベストアンサー

Firefoxでjavascriptが無効

2011/12/04 22:26

html5・CSS2.1でホームページを作成しています。 javascriptを使って下記メソッドを使ってクリックするたびに画像のsrcを変えて違う画像を表示させようとしています。 document.all["hoge"].src IE9では有効なのですがFirefox8.0.1ではユーザが有効にする設定にしない限り無視されてしまします。ですので、これをユーザが手間をかけずにjavascriptを有効にする方法はありますでしょうか？それが無理なら上記の違う画像を表示する別の方法をご存知の方教えていただけましたら幸いです。

timespace
お礼率8% (74/903)

JavaScript
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yambejp
ベストアンサー率51% (3827/7415)

2011/12/05 10:54 回答No.2

>pの内容を変更したい場合上記の代わりというか Pの内容を書き換えてよいということね？こんな感じで <script> function func(){ var p=document.getElementById("hoge"); while(p.firstChild) p.removeChild(p.firstChild); p.appendChild(document.createTextNode("あいうえお")); p.appendChild(document.createElement("br")); p.appendChild(document.createTextNode("かきくけこ")); p.appendChild(document.createElement("br")); } </script> <input type="button" onclick="func()" value="go"> <p id="hoge">abcde<br>fghij<br></p>

質問者

補足 2011/12/06 10:56

ご回答ありがとうございます。まだ、試してはいないのですが一度内容を消去してから追加するのですね。しかも、タグと文章ごとに入れなおさなきゃいけないとは・・・安全性を考慮してjavascriptに制限を加えるのはいいのですが不便ですね。

その他の回答 (2)

yambejp
ベストアンサー率51% (3827/7415)

2011/12/06 12:27 回答No.3

＞一度内容を消去してから追加するのですね。まぁ上書ってそういうものだと思いますが考え方次第で、器をつくっておいてノードを入れ替えるとかでもいいです <head> <script> function func(){ var p1=document.getElementById("hoge"); var p2=p1.cloneNode(false); p2.appendChild(document.createTextNode("あいうえお")); p2.appendChild(document.createElement("br")); p2.appendChild(document.createTextNode("かきくけこ")); p2.appendChild(document.createElement("br")); p1.parentNode.replaceChild(p2,p1); } </script> </head> <body> <input type="button" onclick="func()" value="go"> <p id="hoge">abcde<br>fghij<br></p> </body> ＞しかも、タグと文章ごとに入れなおさなきゃいけないとは・・・これはjavascriptが全てのものをオブジェクトとして扱うための処置ですね面倒と言えば面倒だし、逆に管理しやすいといえば管理しやすく、一般的にはこういう書き方をします・・・という例示です。もちろんきちんと動くのならdocment.writeでもinnerHTMLでも好きにかいてかまわないです