1 回答

TA貢獻1828條經驗 獲得超13個贊
您使用的id_button是點擊,它僅適用于第一項,因為 ID 是唯一的。
這是一種做你想做的事的方法
const color_ar = ["yellow", "green", "blue", "silver"],
buttons_ar = ["btn btn-warning", "btn btn-success", "btn btn-primary", "btn btn-secondary"];
function createBtn() {
buttons_ar.forEach((item, i) => {
document.querySelector("#id_container").innerHTML += `<button id="id_button" class="${item}">${color_ar[i]}</button>`
document.querySelectorAll('.btn').forEach(el => el.addEventListener('click', e => e.currentTarget.parentElement.style.background = e.currentTarget.textContent))
})
}
window.addEventListener('load', () => {
createBtn();
})
<div id='id_container'></div>
添加回答
舉報