Question

js控制点击第几个button第几个div就消失，同时第几个li加样式

如图，我点击第二个“选取》”按钮，左边第二个div框消失，右边第二个li框加一个border的样式，最好能帮我写一下，谢谢

Answer 1

//假设已经设置好变量box(装button的盒子),buttonN个;
var box1 = document.getElementById('box1');
var box2 = document.getElementById('box2');
box1.onclick = function(e){
    if(e.target.tagName == "BUTTON"){
        box2.appendChild(e.target.cloneNode(true));
        box1.removeChild(e.target);
    }
}

追问

看不太懂，能解释一下吗

追答

//假设已经设置好变量box(装button的盒子),buttonN个;
//获取你左边的装button的盒子；
var box1 = document.getElementById('box1');
//获取你右边的装button的盒子；
var box2 = document.getElementById('box2');
//给左边的绑定点击事件
box1.onclick = function(e){
//e.target 这里是通过事件传递的方法来找的元素，e.target指的是你点的哪个button
//判断是为了防止你点击其它元素也响应事件
    if(e.target.tagName == "BUTTON"){
    //这里是指给box2添加一个节点，节点为当前点击元素的克隆对象；
        box2.appendChild(e.target.cloneNode(true));
        //删除box1里你点击的节点
        box1.removeChild(e.target);
    }
}