javascript - 指定したアイテムの後に getElementById を使用して内部タグを取得する方法は?

Question

赤いスパン<a>の次の -tag のタグ内部テキストを取得するには?

ソースコードの例を次に示します。

<p>
    Text1<br>
    <span style="color:blue">span</span><br>
    <a href="http://google.com">Google</a>
</p>
<p>
    Text1<br>
    <span style="color:red">span</span><br>
    <a href="http://bing.com">Bing</a>
</p>
<p>
    Text1<br>
    <span style="color:blue">span</span><br>
    <a href="http://facebook.com">Facebook</a>
</p>
    <p>
    Text1<br>
    <span style="color:red">span</span><br>
    <a href="http://myspace.com">myspace</a>
</p>

出力は次のとおりです。

document.get.Element.ByTagName を使用しようとしましたが、赤い「スパン」の後にのみ続く要素に使用する方法がよくわかりません。

たぶん、jQueryを使用する必要がありますか？