HTML　ページ内のリンクURLに特定の文字を足す

解決済

質問者：naofumikitou
質問日時：2011/03/22 18:43
回答数：1件

現状として<div id="kitou">～</div>をPHPで別サイトからニュース欄抜き出して表示しています。

ニュース欄のデータ抜き出し元が相対参照でURLが記述されている為、リンクをクリックすると

　自分のサイトドメイン＋/news/6548s.html

となってしまいます。

ジャバスクリプトで○○○に当たる箇所にデータ抜き出し元サイトのドメインを入れたいのですが

上手に出来ません。

例：<a href="○○○/news/6548s.html">

現在HPに書いてる内容は下記の通りです。

<div id="kitou">
　　　<ul id="news">
<li>
<a href="/news/6548s.html">ニュースを見るにはクリック</a>
</li>
</ul>
</div>

何方かお力添えをお願いいたします。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： reggaepunc
回答日時：2011/03/22 22:39

これでどうでしょう？

あまりテストしてないですが。
firefoxではうごいているっぽいです。
-------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>
<body>

<div id="kitou">
<ul id="news">
<li><a href="/news/6548s.html">ニュースを見るにはクリック</a></li>
</ul>
</div>

<script type="text/javascript">

replaceHrefFunc();

function replaceHrefFunc()
{
var a = document.getElementById('news').getElementsByTagName('a');

var i = 0;
var output;

for( i = 0; i < a.length; i++ )
{
a[i].href = a[i].href.replace( document.domain, 'www.example.jp' );
}
}

</script>
</body>
</html>
-------------------------------------------------------------