ブラウザーにページを表示させたときに一部の特定の文字だけを違った文字に置き換えたいと思っています。ページ全体の該当文字ならば、でページ全体の文字が置換できるのですが、下のケースのように一部の場所（DIV内）の場合はどのようにすればよろしいのでしょうか。・・置換前・・よろしくお願いいたします。

こういうことじゃないですか？置換前置換前置換前 var allTags = document.getElementsByTagName('*'); for (var i =0;i

javascriptを使ったページ内の特定文字の置き換え

解決済

質問者：mee_me
質問日時：2006/03/14 01:48
回答数：3件

ブラウザーにページを表示させたときに一部の特定の文字だけを違った文字に置き換えたいと思っています。

ページ全体の該当文字ならば、
<script type="text/javascript">

</script>
でページ全体の文字が置換できるのですが、下のケースのように一部の場所（DIV内）の場合はどのようにすればよろしいのでしょうか。

<html>
・
・
<div class="sample">
<a href="hogehoge">置換前</a>
</div>
・
・
</html>

よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： NTJ
回答日時：2006/03/14 13:02

ターゲットが<div>に限られるなら・・・

var allTags = document.getElementsByTagName('div');
for (var i=0;i<allTags.length;i++){
if(allTags[i].className=="sample"){
allTags[i].innerHTML=allTags[i].innerHTML.replace(/置換前/g,'置換後');
}
}

でいいんじゃ、じゃないかしらん？？

div に idプロパティが付いていれば、

document.getElementById('xxx').innerHTML.replace(/置換前/g,'置換後');

で、一発だけど・・・。

- 0
- 件

通報する

この回答へのお礼

試したところうまくいきました。

document.getElementById('xxx').innerHTML.replace(/置換前/g,'置換後');
という方法もありますね。う～ん、奥が深いです。

ありがとうございました。

通報する

お礼日時：2006/03/14 21:27

No.2

回答者： yambejp
回答日時：2006/03/14 10:26

こういうことじゃないですか？

<a href="hogehoge">置換前</a>
<div class="sample">
<a href="hogehoge">置換前</a>
</div>
<a href="hogehoge">置換前</a>
<script language="javascript">
var allTags = document.getElementsByTagName('*');
for (var i =0;i<allTags.length;i++){
if(allTags[i].className=="sample"){
allTags[i].innerHTML=allTags[i].innerHTML.replace(/置換前/g,'置換後');
}
}

</script>

- 0
- 件

通報する

この回答へのお礼

このようなやり方もあるのですね。

本当に勉強になります。
ありがとうございました。

通報する

お礼日時：2006/03/14 21:24

No.1

回答者： BLUEPIXY
回答日時：2006/03/14 02:46

簡単に特定できる目印を付けてあればもっと簡単ですが、

リンク(href)がhogehoge で親エレメントがclass="sample" のDIV であるリンクということで、
こんな感じでしょうか・
----------------------------------------------------------------
window.onload=function(){
var aTags = document.getElementsByTagName('a');
var path = location.href.substring(0,location.href.lastIndexOf('/')+1);
for(var i=0;i<aTags.length;i++){
var parentEl = aTags[i].parentNode;
if(parentEl.tagName=='DIV' && parentEl.className=='sample'){
if(aTags[i].href==path+"hogehoge" && aTags[i].innerHTML=="置換前"){
aTags[i].innerHTML="置換後";
}
}
}
};