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

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

var container;
function html2node(str){
    container = document.createElement('div');
    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

---

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