[英]HTML button calling Event listener not working HTML and JS
我已经列出了 JSON 和 JS 的项目列表,我需要能够删除它们。
function deleteList(){
document.querySelector('#delete').addEventListener('click', (e) => {
document.querySelector('#exerciseList').innerHTML = '';
});
}
这是我的 HTML 按钮:
<button onclick="deleteList()" id="delete">Clear List</button>
<section id="exerciseList"></section>
这些只是没有连接对吗?
您可以添加一个事件侦听器或onclick
属性,所以
function deleteList() { document.querySelector("#exerciseList").innerHTML = ""; }
<button onclick="deleteList()" id="delete">Clear List</button> <section id="exerciseList">list</section>
或者,推荐:
document.querySelector("#delete").addEventListener("click", e => { document.querySelector("#exerciseList").innerHTML = ""; });
<button id="delete">Clear List</button> <section id="exerciseList">list</section>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.