具有相同类名和onclick函数的多个div调用以打开相应的消息div

<div class="message" onclick="showMessage(1)">Div 1</div>
<div class="message" onclick="showMessage(2)">Div 2</div>
<div class="message" onclick="showMessage(3)">Div 3</div>

function showMessage(divNumber) {
  // 隐藏所有消息div
  var messageDivs = document.getElementsByClassName("message-content");
  for (var i = 0; i < messageDivs.length; i++) {
    messageDivs[i].style.display = "none";
  }
  
  // 显示对应的消息div
  var targetDiv = document.getElementById("message" + divNumber);
  targetDiv.style.display = "block";
}

<div id="message1" class="message-content" style="display: none;">
  Message 1
</div>
<div id="message2" class="message-content" style="display: none;">
  Message 2
</div>
<div id="message3" class="message-content" style="display: none;">
  Message 3
</div>