JS删除最后一个孩子?

时间:2015-12-10 04:35:55

标签: javascript

当我添加一些>选择>恩。 SELECT_country,SELECT_country1,SELECT_country2 我想按照从最新到最旧的顺序删除它们。但它正在从最旧的一个移到最新的一个。我以为SELECT_country是父母,我将删除他的孩子。但是父母先走了。我怎么能改变它?

var j = 0;

function add_country() {
    j++;
    var select = document.getElementById("SELECT_country");
    var clone = select.cloneNode(true);
    clone.setAttribute("id", "SELECT_country" + j);
    clone.setAttribute("name", "country" + j);
    document.getElementById("DIV_country").appendChild(clone);
}

function remove_country() {
    var select = document.getElementById('SELECT_country');
    select.parentNode.removeChild(select);
}

1 个答案:

答案 0 :(得分:15)

由于您要附加新元素,因此如果要将其从最新到最旧删除,则需要使用lastChild来获取最后一个元素。

function remove_country() {
  var select = document.getElementById('DIV_country');
  select.removeChild(select.lastChild);
}

JSFiddle演示:https://jsfiddle.net/rrkroxcb/1/