Javascript 为什么按钮标签中的onlick功能不能正常工作

我已经创建了一个删除照片按钮，它的工作原理就像我们点击它，另一个删除按钮出现在代码中的某个地方，代码是

<button type="button" class="btn btn-danger" onclick="showdel()">Delete Photo</button>

删除照片

之后，我创建了div元素，应该在其中创建delete按钮

<div id="del"></div>

它的功能是

function showdel(){
    var div = document.getElementById('del');
    div.innerHTML = '<center><button class="btn btn-danger">DELETE</button></center>';
}

函数showdel（）{
var div=document.getElementById（'del'）；
div.innerHTML='DELETE'；
}

---

但它不起作用。

您的代码应该如下所示

<button type="button" class="btn btn-danger" onclick="showdel()">Delete Photo</button>

<div id="del">
</div>

function showdel(){

    document.getElementByID("del").style.visibilty="hidden"

}

删除照片
函数showdel（）{
document.getElementByID（“del”）.style.visiblity=“隐藏”
}

那么是否有任何方法可以访问其他分区。只需按照我所展示的格式设置代码，就可以了。但我不能将按钮放在那里，不管怎样？只需在这里重新创建您的所有内容，并检查它的工作状态即可。