为什么按钮标签中的 onclick 功能无法正常工作

Question

我创建了一个删除照片按钮，就像我们点击它一样，另一个删除按钮出现在代码中的某处，代码是

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

之后我创建了应该创建删除按钮的 div 元素。

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

这个功能是 .

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

但它不起作用。

Answer 1

你的代码应该是这样的

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

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

function showdel(){

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

}