可能是由于以下几个原因导致的:
针对以上问题,可以采取以下解决方案:
// HTML
<div id="buttonContainer"></div>
// JavaScript
const buttonContainer = document.getElementById('buttonContainer');
buttonContainer.addEventListener('click', function(event) {
if (event.target.tagName === 'BUTTON') {
// 获取按钮的ID
const buttonId = event.target.id;
// 调用相应的函数
yourFunction(buttonId);
}
});
function yourFunction(buttonId) {
// 根据按钮的ID执行相应的逻辑
}
// JavaScript
function yourFunction(buttonId) {
// 根据按钮的ID执行相应的逻辑
}
function createButtonWithId() {
const button = document.createElement('button');
const buttonId = 'yourButtonId';
button.id = buttonId;
button.textContent = 'Click Me';
button.addEventListener('click', function() {
yourFunction(buttonId);
});
document.body.appendChild(button);
}
createButtonWithId();
通过以上解决方案,可以确保动态创建的带有ID的按钮能够正确地触发相应的函数。
领取专属 10元无门槛券
手把手带您无忧上云