Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过单击按钮删除子对象_Javascript_Dom - Fatal编程技术网

Javascript 通过单击按钮删除子对象

Javascript 通过单击按钮删除子对象,javascript,dom,Javascript,Dom,拥有这个JS代码: var prompter = (function(){ var prompt = document.createElement('div'); /* prompt-related stuff */ var closeBtn = document.createElement('button'); /* closeBtn stuff */ prompt.appendChild(closeBtn); this.html = pr

拥有这个JS代码:

var prompter = (function(){
    var prompt = document.createElement('div');
    /* prompt-related stuff */

    var closeBtn = document.createElement('button');
    /* closeBtn stuff */

    prompt.appendChild(closeBtn);

    this.html = prompt;

    this.show = (function(){
        document.body.appendChild(this.html);
    });

    this.close = (function(){
        document.body.removeChild(this.html);
    });
});
如果我这样做

    var p = new prompter();
    p.show();
它确实显示提示器,如果我显示
p.close()它消失了


但我想要的是,通过单击
closeBtn
它确实会关闭。我想在提示符中添加一个
id
,然后在按钮中添加属性onclick,并通过
id
在按钮中执行操作,但这看起来真的很难看

您需要将事件侦听器添加到所做的按钮:

closeBtn.addEventListener("click", this.close.bind(this));

您需要向所做的按钮添加事件侦听器:

closeBtn.addEventListener("click", this.close.bind(this));

精彩的问题标题!我相信很多父母都会喜欢这个!棒极了的问题标题!我相信很多父母都会喜欢这个!英雄联盟