如何通过单击列表项来显示div

<ul>
  <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", showDiv);
item2.addEventListener("click", showDiv);
item3.addEventListener("click", showDiv);

function showDiv() {
  var divId = this.id + "-content";
  var div = document.getElementById(divId);
  div.style.display = "block";
}

<div id="item1-content" style="display:none;">
  这是列表项1的内容。
</div>

<div id="item2-content" style="display:none;">
  这是列表项2的内容。
</div>

<div id="item3-content" style="display:none;">
  这是列表项3的内容。
</div>