我该如何简化? (这里是菜鸟)

问题描述 投票:1回答:1

我有一个很长的块,我认为可以简化,但我不知道如何做

const one = document.getElementById("one");
const two = document.getElementById("two");
const three = document.getElementById("three");
const four = document.getElementById("four");

one.onclick = () => {
  one.innerHTML = "";
};
two.onclick = () => {
  two.innerHTML = "";
};
three.onclick = () => {
  three.innerHTML = "";
};
four.onclick = () => {
four.innerHTML = "";
};

javascript dom
1个回答
0
投票

您可以创建一个ID数组并在其上使用forEach并动态添加事件监听器

['one', 'two', 'three', 'four'].forEach(x => {
   const element = document.getElementById(x);
   element.onclick = function(){
      element.innerHTML = '';
   }
})
© www.soinside.com 2019 - 2024. All rights reserved.