javascript - 如何将单个函数附加到多个元素？

Question

如果我有两个会触发相同功能的 anchor 标记(即关闭导航栏的多个按钮)，我将如何将这两个元素与事件绑定(bind)？没有 JQUERY

html:

<a href="#" id="ctl_one">Close Nav</a>
<ul id="nav">
  <li>Nav One</li>
  <li>Nav Two</li>
  <li>Nav Three</li>
</ul>
<a href="#" id="ctl_two">Close Nav</a>

JS:

var ctlOne = document.getElementById("ctl_one");
var ctlTwo = document.getElementById("ctl_two");
var both = ctlOne || ctlTwo //<-- this is what I tried and failed.

both.onClick = function(){
  toggleNav();
}

function toggleNav(){
  // either close or open nav <UL>
}

再说一次，我知道如何在 jQuery 中做到这一点。我正在寻找原生 JavaScript 方法。

Answer 1

var ctlOne = document.getElementById("ctl_one");
var ctlTwo = document.getElementById("ctl_two");

ctlOne.onClick = ctlTwo.onclick = toggleNav;