JavaScriptの後に挿入</a>テキストに表示

Question

私は完全に間違っているので、間違いがあります。私がしたいのは、最初に</a>が投稿に現れた後に、XXXXXXXXを挿入することです。 </a>文字を変換しようとしましたが、どのブラウザでも動作させることができません。どんな助けもありがとう。

<div id="payload"> 
XXXXXXXX 
</div> 

<div id="target"> 
    <br /><br /><br /><br /> 
    Content within the target. 
    <a href="">Anchor</a> 
</div> 

次のJavaScriptコードがtargetのdiv内の最初のアンカータグの後に​​div要素を移動します。

<div expr:id="aim1" + data:post.id'/> 
<div style='float:right; padding:0 0 10px 10px ;'> 

XXXXXXXX 

</div> 


<div expr:id="aim2" + data:post.id'> 

    <data:post.body/> 

</div> 

<script type='text/javascript'> 
var obj0=document.getElementById("aim1<data:post.id/>"); 
var obj1=document.getElementById("aim2<data:post.id/>"); 
var s=obj1.innerHTML; 
var r=s.indexOf("</a>"); 
if(r > 0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substring(r+3);} 
</script> 
</p> 

Answer 1

は、次のHTMLを考えます。 "" を含む文字列の後のように、アンカータグ、または ``後のように

function insertAfter(addition,target) { 
    var parent = target.parentNode; 

    if (parent.lastChild == target) { 
     parent.appendChild(addition); 
    } else { 
     parent.insertBefore(addition,target.nextSibling); 
    } 
} 

var payload = document.getElementById("payload"); 
var target = document.getElementById("target"); 

var anchors = target.getElementsByTagName("a"); 

if (anchors.length > 0) { 
    insertAfter(payload,anchors[0]); 
} 

Tested @ jsfiddle.