JavaScriptで画像パスを置換する方法を教えてください。

Question

chorobe

16

16もっと見る

100pt

ウェブ制作

JavaScriptで画像パスを置換する方法を教えてください。

<img src="http://hoge/xxx_yyy.jpg">

となっているのを

xxx_ →　abc に置換したいです。

何かをクリック…とかではなくソースにはりつけると、読み込んだときに、ページ内のパスでマッチするところを全部置換したいです。

よろしくお願いします。

～～～自分で途中まで調べた例（うまくいっていない）

<script type="text/javascript">

</script>

回答の条件

1人5回まで

登録：2012/05/11 22:14:39
終了：2012/05/12 10:16:13

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.2

pretaroe531752012/05/12 09:38:49

1pt

jqueryでの文字置換について
http://oshiete.goo.ne.jp/qa/4951428.html

jqueryを使用すると簡単に実現できますよ。

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2012-05-12T01:43:13+09:00

質問文にあるコードをonloadのタイミングで実行すればいいと思います。（あとgフラグつける必要がある。）

window.onload = function() {
  document.body.innerHTML = document.body.innerHTML.replace(/xxx_/g,'abc');
};

または、

<body onload="document.body.innerHTML=document.body.innerHTML.replace(/xxx_/g,'abc')">

innerHTMLで乱暴に置換するのではなく、画像のsrcを書き換えればいいので、以下のようにしたほうがよさそう。

window.onload = function() {
  var images = document.images;
  for (var i=0, n=images.length; i<n; i++) {
    var img = images[i];
    img.src = img.src.replace(/xxx_/, 'abc');
  }
};

replace - MDN

Cherenkov · Accepted Answer · 2012-05-12T01:43:13+09:00

質問文にあるコードをonloadのタイミングで実行すればいいと思います。（あとgフラグつける必要がある。）

window.onload = function() {
  document.body.innerHTML = document.body.innerHTML.replace(/xxx_/g,'abc');
};

または、

<body onload="document.body.innerHTML=document.body.innerHTML.replace(/xxx_/g,'abc')">

innerHTMLで乱暴に置換するのではなく、画像のsrcを書き換えればいいので、以下のようにしたほうがよさそう。

window.onload = function() {
  var images = document.images;
  for (var i=0, n=images.length; i<n; i++) {
    var img = images[i];
    img.src = img.src.replace(/xxx_/, 'abc');
  }
};

replace - MDN

JavaScriptで画像パスを置換する方法を教えてください。

ベストアンサー

Cherenkov15044932012/05/12 01:43:13

その他の回答（1件）

Cherenkov15044932012/05/12 01:43:13ここでベストアンサー

pretaroe531752012/05/12 09:38:49

コメント（0件)

この質問への反応（ブックマークコメント）