js parentNode.insertBefore 插入问题


<script type="text/javascript">
    function insert(obj){
        var div=document.createElement('div');
            div.id='ok';
            div.innerHTML='插入的内容';
obj.appendChild(div);
    }
</script>
<body>
    <div>
        1<a href="#" onclick="insert(this);return false;">点</a><br/>
        2<a href="#" onclick="insert(this);return false;">点</a><br/>
        3<a href="#" onclick="insert(this);return false;">点</a><br/>
        4<a href="#" onclick="insert(this);return false;">点</a><br/>
</div>
</body>

解决方案 »

  1.   

    if (obj.parentNode.getElementsByTagName('div')[0])
            {
            obj.parentNode.getElementsByTagName('div')[0].removeNode(true);
            }你这句就是删除第一个div
    obj.parentNode.insertBefore(div,obj.parentNode.getElementsByTagName("br")[0]);这句就是插入到第一个br前面。。
      

  2.   

    insertAdjacentHTML和insertAdjacentText
    insertAdjacentHTML方法：在指定的地方插入html标签语句 原型：insertAdajcentHTML(swhere,stext)参数：swhere: 指定插入html标签语句的地方，有四种值可用：1.     beforeBegin: 插入到标签开始前2.     afterBegin:插入到标签开始标记之后3.     beforeEnd:插入到标签结束标记前4.     afterEnd:插入到标签结束标记后javascript之家,是新起的JS角本程序学习站点；
    该站详细分类JS的基础,对象,极其应用；http://www.ccscript.cn/该站有多种当今流行的JS框架；
    站内主打Jquery框架的基础及应用；
    包括特效代码和展示特效；
    站内同时提供多种其它WEB开发服务应用；