通过javascript更改菜单中显示的信息

<ul id="menu">
  <li id="item1">菜单项1</li>
  <li id="item2">菜单项2</li>
  <li id="item3">菜单项3</li>
</ul>

var item1 = document.getElementById("item1");
var item2 = document.getElementById("item2");
var item3 = document.getElementById("item3");

item1.addEventListener("click", function() {
  // 在这里编写更改菜单显示信息的代码
});

item2.addEventListener("click", function() {
  // 在这里编写更改菜单显示信息的代码
});

item3.addEventListener("click", function() {
  // 在这里编写更改菜单显示信息的代码
});

item1.addEventListener("click", function() {
  item1.textContent = "新的菜单项1";
});

item2.addEventListener("click", function() {
  item2.textContent = "新的菜单项2";
});

item3.addEventListener("click", function() {
  item3.textContent = "新的菜单项3";
});