Javascript 有没有办法选择循环中的元素

我有一个从li元素创建的下拉菜单，每个元素都有一个唯一的id。我不想写4个不同的变量，我想创建一个循环（如果可能并且有意义的话），但我遇到了一个问题。单击特定li后，程序应使用此li值更改innerhtml

function calories_calculator() {
  const list = new Array(3);
  list[0] = "1";
  list[1] = "2"; /////// those numbers are id of li elements
  list[2] = "3";
  list[3] = "4";
  const array = [];

  for (var i = 0; i < list.length; i++) {
    const f = document.getElementById(list[i]).onclick;
    if (true) {
      document.getElementById("display").innerHTML = list[i];
    }
  }
}

function\u calculator（）{
常量列表=新数组（3）；
列表[0]=“1”；
列表[1]=“2”///这些数字是li元素的id
列表[2]=“3”；
列表[3]=“4”；
常量数组=[]；
对于（变量i=0；i

您的“onclick”事件处理程序似乎存在语法问题。onclick后面应该跟一个等号，然后是函数。我发现这个答案可能很有用： 这就是你想要的吗

aaaaa
bbbbb
ccccc
ddd

const elements=document.querySelectorAll（'li'）
elements.forEach（element=>{
元素。addEventListener（'单击'，（）=>{
document.querySelector（'div'）.innerHTML=element.textContent；
})
})

您可以在定义下拉菜单的地方共享html代码吗？请注意，您正在定义一个大小为3的数组，但在其中放置了4个元素，这会在预先准确声明大小时降低性能，谢谢。我只想问一下for循环，在执行上述操作时使用它有什么意义吗？我最近回到了前端，仍然保持着python的循环态度，在那里我可以做这种操作。是的，你可以。forEach（）只是一种简单的方法。您还可以使用，map（），因为const元素是一个数组（

console.log（elements）

&您将看到它）。甚至有一段时间我想你知道箭头函数吧？在现代JS中，我们可以将

function（）{}

写成

（）=>{}