Javascript插入後</a>出現在文字上

Question

我是一個完整的noob在這個，所以我可以讓它完全錯誤。我想要做的就是在帖子上出現第一個</a>之後插入XXXXXXXX。我試圖轉換</a>字符，但我無法在任何瀏覽器上使用它。任何幫助，將不勝感激。

<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：

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

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

下面的JavaScript代碼將在target專區內的第一錨標記後​​DIV移動。

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.