在选定的元素上执行函数，而在同一类的所有其他元素上执行不同的函数？

<ul id="myList">
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
  <li>元素4</li>
</ul>

// 获取父元素
var myList = document.getElementById("myList");

// 绑定事件处理函数
myList.addEventListener("click", function(event) {
  // 判断点击的是哪个子元素
  if (event.target.tagName === "LI") {
    // 根据子元素的内容执行不同的函数
    switch (event.target.textContent) {
      case "元素1":
        函数1();
        break;
      case "元素2":
        函数2();
        break;
      case "元素3":
        函数3();
        break;
      case "元素4":
        函数4();
        break;
      default:
        break;
    }
  }
});

// 不同的函数实现
function 函数1() {
  console.log("执行函数1");
}

function 函数2() {
  console.log("执行函数2");
}

function 函数3() {
  console.log("执行函数3");
}

function 函数4() {
  console.log("执行函数4");
}