愛彈吉他的小盆友 2019-05-28 03:16 采纳率: 100%
浏览 374
已结题

JS菜鸟发问,求大神....

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        function addfn() {
            var li = document.createElement("li");
            li.innerText = i1.value;
            myul.appendChild(li);
        }

        function insert() {
            var li = document.createElement("li");
            var i1 = document.getElementById("i1")
            li.innerText = i1.value;
            myul.insertBefore(li, 上海);
        }

        function del() {
            var i1 = document.getElementById("i1");
            var myul = document.getElementById("myul");
            if (i1.value == "") {
                alert("Please input something!");
            } else {
                var childNodes = myul.childNodes;
                for (var i = childNodes.length - 1; i >= 0; i--) {
                    if (childNodes[i] == i1.value) {
                        myul.removeChild(i1.value);
                        i1.value = null;
                        return;
                    }
                }
                i1.value = null;
                alert("Not Found!");
            }
        }
    </script>
</head>
<body>
<input type="text" id="i1">
<input type="button" value="添加" onclick="addfn()">
<input type="button" value="插入" onclick="insert()">
<input type="button" value="删除" onclick="del()">
<hr>
<ul id="myul">
    <li id="北京">北京</li>
    <li id="上海">上海</li>
    <li id="广州">广州</li>
</ul>
</body>
</html>

本人菜鸟刚学没多久,想请教一下大神们
插入功能怎么改成插入到第二个li前面
还有删除功能想根据id名删除却找不到
小弟上网找了半天还是没解决,求大神们帮帮忙...

展开全部

  • 写回答

5条回答 默认 最新

  • Langnang 2019-05-28 03:36
    关注
    // insert
    function insert() {
            var li = document.createElement("li");
            var i1 = document.getElementById("i1")
            li.innerText = i1.value;
            var li2=document.getElementsByTagName("li");
            myul.insertBefore(li, li2[1]);
    }
    // del
    function del() {
            var i1 = document.getElementById("i1");
            var myul = document.getElementById("myul");
            if (i1.value == "") {
                    alert("Please input something!");
            } else {
                    var del_li=document.getElementById(i1.value);
                    if(del_li){
                            del_li.remove();
                    }else{
                            alert("Not Found!");
                    }
            }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部