添加元素/在指定元素前添加元素

效果图
在这里插入图片描述
单机按钮后
在这里插入图片描述
将广州元素插入到北京元素前面

<script>
    //添加在指定元素前面添加元素
    myClick("btn1",function () {
        //创建子节点
        var li=document.createElement("li");
        //创建文本文件
        var  gzText=document.createTextNode("广州");
        //拼装起来
        li.appendChild(gzText);
        //获取北京节点
        var bj=document.getElementById("bj");
        //获取city
        var city=document.getElementById("city");
        //开始替换
        city.insertBefore(li,bj);

    });
    function myClick(idbtn,fun) {
        var btn=document.getElementById(idbtn);
        btn.onclick=fun;
    }

猜你喜欢

转载自blog.csdn.net/weixin_44552543/article/details/89740757