javascript - 为何CreateElement之后,在这标签前插入子节点,没用
高洛峰
高洛峰 2017-06-17 09:16:50
0
2
864
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input id="wb" type="text" />
    <input id="an" type="button" value="按钮" />
    <ul id="ul1">
        
    </ul>
    <script>
        window.onload=function()
        {
            var oWb = document.getElementById("wb");
            var btn = document.getElementById("an");
            var oUl = document.getElementById("ul1");
            btn.onclick=function()
            {
                var oLi = document.createElement("li");
               
                oLi.innerHTML = oWb.value;
                oUl.insertBefore(oLi,oLi[0]);   
              
            }
        }
    </script>
</body>
</html>

最后这一句 oUl.insertBefore(oLi,oLi[0]); 选择插入在oLi[0]为什么不行呀,我希望每次点击都是在最前面插入?不是每次点击都创建一个li,然后在这个索引第0个前插入,应该是没问题的呀

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
小葫芦
node.insertBefore(newnode,existingnode);

第2个参数表示在这个节点前插入newnode,如果为null或未定义,那么insertBefore方法会将newnode添加到尾部,和appendChild效果相同

oLi[0]值为undefined
黄舟

雷雷

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板