避免重复的onclick语句可以通过以下解决方法:
// HTML
- Item 1
- Item 2
- Item 3
// JavaScript
const list = document.getElementById("list");
list.addEventListener("click", function(event) {
if (event.target.tagName === "LI") {
// 处理点击事件的逻辑
console.log(event.target.innerText);
}
});
// HTML
- Item 1
- Item 2
- Item 3
// JavaScript
const item1 = document.getElementById("item1");
const item2 = document.getElementById("item2");
const item3 = document.getElementById("item3");
item1.addEventListener("click", function() {
// 处理点击事件的逻辑
console.log("Item 1 clicked");
});
item2.addEventListener("click", function() {
// 处理点击事件的逻辑
console.log("Item 2 clicked");
});
item3.addEventListener("click", function() {
// 处理点击事件的逻辑
console.log("Item 3 clicked");
});
使用上述方法可以避免重复的onclick语句,提高代码的可维护性和可读性。
上一篇:避免重复等效的代码行
下一篇:避免重复的Oracle APEX