javascript - js中插入一个节点以后为啥想删除却提示出错

Question

var template='<p class="m-modal">\
      <p class="modal_align"></p>\
      <p class="modal_wrap">\
        <p class="bk"></p>\
        <p class="modal_body">\
          <h3>登录网易云课堂</h3>\
          <p class="form1">\
            <input value="账号">\
          </p>\
          <p class="form2">\
            <input value="密码">\
          </p>\
          <button class="submit">登录</button>\
        </p>\
      </p>\
    </p>'

var container;
function html2node(str){
    container = document.createElement('p');
    container.innerHTML = str;
    return container.children[0];
}
var _layout=html2node(template);
var show=function(){
  var asd=document.getElementById("parent");
  asd.appendChild(_layout);
}
var contain=_layout.cloneNode(true);
var a1=document.getElementById("parent");
function close(){
  container.removeChild(contain);
}
container.querySelector('.bk').addEvenListener('click',close());
在这段代码中.bk为一个关闭（叉子）的背景图。运行的时候提示出错。Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. container

Answer 1

报错写的很清楚，你调用container.removeChild，但你要删除的节点并不是container的子节点