JavaScriptで画像ﾊﾟｽを置換する方法を教えてください｡ <img src="http://hoge/xxx_yyy.jpg"> となっているのを xxx_ → abc に置換したいです｡何かをｸﾘｯｸ…とかで…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

JavaScriptで画像ﾊﾟｽを置換する方法を教えてください｡

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

となっているのを

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

何かをｸﾘｯｸ…とかではなくｿｰｽにはりつけると､読み込んだときに､ﾍﾟｰｼﾞ内のﾊﾟｽでﾏｯﾁするところを全部置換したいです｡

よろしくお願いします｡

???自分で途中まで調べた例(うまくいっていない)

<script type="text/javascript">

</script>

●質問者: chorobe
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

▽1 ● Cherenkov
●99ﾎﾟｲﾝﾄ

ﾍﾞｽﾄｱﾝｻｰ

質問文にあるｺｰﾄﾞを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

chorobeさんのｺﾒﾝﾄ
一番したのを使ってできました★ ありがとうございます！！

▽2 ● pretaroe
●1ﾎﾟｲﾝﾄ

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

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