Apr 14

FireFox insertBefore与IE不兼容的问题 不指定

当我们使用obj.insertBefore(node)方式进行dom操作时,会发现在ie下有效,在firefox下无效,解决方法是obj.insertBefore(node, null):


    <ul id="list">  
        <li>1</li>  
        <li>2</li>  
        <li>3</li>  
    </ul>  
    <input type="button" value="添加" onClick="insertElement()">  
    <script type="text/javascript">  
    function insertElement(){  
        var list = document.getElementById("list");  
        var li = document.createElement("LI");  
        list.insertBefore(li);  
        li.innerHTML = "4";  
    }  
    </script>  


解决方法:



    <ul id="list">  
        <li>1</li>  
        <li>2</li>  
        <li>3</li>  
    </ul>  
    <input type="button" value="添加" onClick="insertElement()">  
    <script type="text/javascript">  
    function insertElement(){  
        var list = document.getElementById("list");  
        var li = document.createElement("LI");  
        list.insertBefore(li, null);  
        li.innerHTML = "4";  
    }  
    </script>  

Add a comment

Nickname

Site URI

Email

Enable HTML Enable UBB Enable Emots Hidden Remember [Login] [Register]