在javascript中添加删除按钮

我试图在javascript中添加删除按钮，它会在点击时自动删除，但我不知道如何添加。这是我的密码：

<script>
function displayPost(){
var thisDiv = document.getElementById("posts");
var theDate = document.createElement("P");
theDate.classList.add("post-date");
var trash= document.createElement("BUTTON");
trash.classList.add("post-trash");
trash.innerHTML = '<i class="fa fa-window-close" aria-hidden="true"></i>';
thisDiv.appendChild(theDate);
thisDiv.appendChild(trash);
theDate.innerHTML = new Date();
trash.onclick = del(this);
}

function del(x){
var delTrash = document.getElementsByClassName("post-trash");
var delDate = document.getElementsByClassName("post-date");
var index = deltrash.indexof(x);
thisdiv.removeChild(hideTrash[index]);
thisdiv.removeChild(delDate[index]);
}
</script>

函数displayPost（）{
var thisDiv=document.getElementById（“posts”）；
var theDate=document.createElement（“P”）；
添加（“发布日期”）；
var trash=document.createElement（“按钮”）；
trash.classList.add（“post trash”）；
trash.innerHTML=''；
本节附录（日期）；
此分区附加子项（垃圾）；
theDate.innerHTML=新日期（）；
trash.onclick=del（这个）；
}
函数del（x）{
var delTrash=document.getElementsByClassName（“post-trash”）；
var delDate=document.getElementsByClassName（“发布日期”）；
var指数=deltrash.indexof（x）；
本分部移除child（hideTrash[索引]）；
该除名（删除日期[索引]）；
}

---

对不起，我对Javascript还不太熟悉。感谢您的任何帮助。谢谢

单击

onclick

的值应该是一个函数，您在执行赋值时正在调用该函数

trash.onclick = function() { del(this) };

另外，

thisDiv

是

displayPost（）

本地的，您不能在

del（）中使用它。您需要使用
x.parentElement

您在
del（）
中还有许多其他打字错误和小错误，请参见下面的更正


函数displayPost（）{
var thisDiv=document.getElementById（“posts”）；
var theDate=document.createElement（“P”）；
添加（“发布日期”）；
var trash=document.createElement（“按钮”）；
trash.classList.add（“post trash”）；
trash.innerHTML=''；
本节附录（日期）；
此分区附加子项（垃圾）；
theDate.innerHTML=新日期（）；
trash.onclick=function（）{del（this）；}；
}
函数del（x）{
var delTrash=document.getElementsByClassName（“post-trash”）；
var delDate=document.getElementsByClassName（“发布日期”）；
var thisDiv=x.parentElement；
var index=Array.from（delTrash）.indexOf（x）；
此div.removeChild（delTrash[索引]）；
该除名（删除日期[索引]）；
}

添加帖子
如果我答对了你的问题，这可能会对你有所帮助

<div class="container">
    <!-- some posts with delete button -->
    <div class="post">
        Post One
        <button class="delete-post">Delete Post</button>
    </div>
    <div class="post">
        Post Two
        <button class="delete-post">Delete Post</button>
    </div>
    <div class="post">
        Post Three
        <button class="delete-post">Delete Post</button>
    </div>
</div>

<script>
    window.onload = () => {
        let postsDelBtn = document.getElementsByClassName("delete-post");
        console.log(postsDelBtn)
        for(let i = 0; i < postsDelBtn.length; i++){
            postsDelBtn[i].addEventListener('click', (event) => {
                event.target.parentNode.remove();
            })
        }
    }
</script>


张贴一
删除帖子
第二站
删除帖子
第三站
删除帖子
window.onload=（）=>{
让postsDelBtn=document.getElementsByClassName（“删除帖子”）；
console.log（postsDelBtn）
for（设i=0；i{
event.target.parentNode.remove（）；
})
}
}
Delete mean hide？