如何向指定的地方插入自定义的HTML
<DIV> abcdefgh </DIV>
<input   id= "add "   type=button   onclick=add()   value= "插入mp ">
我要达到效果:
当鼠标放在d与e之间时,点击button,在DIV中的d与e之间插入我自定义的 <mp> http://... <mp> ,其中http://...是接受用户的输入.
这个JS如何写?
谢谢.


------解决方案--------------------
学习，帮顶
------解决方案--------------------
用innerHTML
------解决方案--------------------
当鼠标放在d与e之间时,点击button

===============================
请问当鼠标放在d与e之间时你用什么点击button，如果你用鼠标点击button，那么鼠标还在d，e之间吗？

------解决方案--------------------
<DIV id=div1> abcdefgh </DIV>
<input id= "add " type=button onclick= "javascript:document.getElementById( 'div1 ').innerHTML+= 'xxtv ' " value= "插入mp ">

------解决方案--------------------
object.insertAdjacentHTML(sWhere, sText)
------解决方案--------------------
更改div的innerHTML内容，可以用正则表达式替换，显示在d和e之间
------解决方案--------------------
<script>
var url= "http://community.csdn.net ";//这是来自用户的数据
function add(){
document.getElementById( 'aa ').innerHTML= ' <mp> '+url+ ' <mp> ';
}
</script>
<DIV> abc <span onmouseover= "document.getElementById( 'add ').click() "> d <span id= "aa "> </span> e </span> fgh </DIV>
<input id= "add " type=button onclick=add() value= "插入mp ">