Javascript 在 出现在文本后插入

Question

我完全是个菜鸟，所以我可能完全错了。我想要做的是插入 XXXXXXXX恰好在第一个 </a> 之后出现在帖子上。我试过转换 </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 代码会将 payload div 移动到 target div 中的第一个 anchor 标记之后。

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.