JavaScriptを使用してアンカータグへのリンクを追加する

Question

私は何もしていません。しかし、私はこの機能を達成することができる方法があるかどうか尋ねるのが好きです。

私は出力このようなものである私のWordPressのサイトでのループがあります：あなたはすべてのURLを気づくことができる。ここ

<div class="dummy"> 
    <a href="http://google.com">Text Here</a> 
    <a href="http://google.com">Text Here</a> 
    <a href="http://google.com">Text Here</a> 
    <a href="http://google.com">Text Here</a> 
    <a href="http://google.com">Text Here</a> 
</div> 

は同じです。

私がここで知りたいのは、3番目または4番目のアンカータグをhttp://facebook.comのような別のURLにリダイレクトする方法があれば、javascriptを使用することです。

可能な場合は教えてください。私はそれについて興味があります。

ありがとうございます。

Answer 1

ただ、最も理にかなってどんな方法で使用して、変更したいaタグを選択して、文字通りelement.href = "www.example.com"

var first = document.getElementById("first"); 
 
first.href = "http://stackoverflow.com"

<div class="dummy"> 
 
    <a id="first" href="http://google.com">Text Here</a> 
 
    <a href="http://google.com">Text Here</a> 
 
    <a href="http://google.com">Text Here</a> 
 
    <a href="http://google.com">Text Here</a> 
 
    <a href="http://google.com">Text Here</a> 
 
</div>

Answer 2

各アンカータグにidを与えます。

<div class="dummy"> 
    <a id="anchor_1" href="http://google.com">Text Here</a> 
    <a id="anchor_2" href="http://google.com">Text Here</a> 
    <a id="anchor_3" href="http://google.com">Text Here</a> 
    <a id="anchor_4" href="http://google.com">Text Here</a> 
    <a id="anchor_5" href="http://google.com">Text Here</a> 
</div> 

そして所望の要素を選択し、そのhrefプロパティを変更するには、次のJavaScriptコードを使用します。

<script> 
    document.getElementById("anchor_5").href = "http://www.facebook.com"; 
</script> 

EDIT

あなたのウェブサイトが唯一のこれらのアンカータグが含まれている場合は、すべてのアンカータグを取得し、インデックスを使用して、最後の1つ（または任意の所望の他）を選択することができます。あなたは、この特定のdivのアンカータグのリストが必要な場合はここで

は、サンプルコード、他の場合には

var anchors = document.getElementsByTagName("a"); 
var lastAnchor = anchors[(anchors.length - 1)]; 

です。 （一つだけdivこのクラス名を持つがあると仮定すると）

var ancestor = document.getElementsByClassName('dummy')[0]; 
var descendents = ancestor.getElementsByTagName('a'); 
descendents[4].href="http://facebook.com" 

は、この情報がお役に立てば幸いです。何か問題がある場合は教えてください。