如何避免在JS中重复"document.getElementById“调用？

// 原始写法
document.getElementById("myElement").innerHTML = "Hello World!";
document.getElementById("myElement").style.color = "red";

// 优化写法
var element = document.getElementById("myElement");
element.innerHTML = "Hello World!";
element.style.color = "red";

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

// 原始写法
document.getElementById("myList").addEventListener("click", function(event) {
  var target = event.target;
  if (target.tagName === "LI") {
    target.style.color = "red";
  }
});

// 优化写法
document.getElementById("myList").addEventListener("click", function(event) {
  var target = event.target;
  if (target.tagName === "LI") {
    target.style.color = "red";
  }
});