如何使图像在导航栏中可单击？

<nav>
  <a href="your-link-here"><img src="your-image-src" alt="image-description"></a>
  <!-- 其他导航栏链接 -->
</nav>

nav a {
  display: inline-block; /* 将链接显示为块级元素 */
  text-decoration: none; /* 去除下划线 */
  color: #000; /* 设置链接颜色 */
  padding: 10px; /* 添加适当的内边距 */
}

nav a:hover {
  background-color: #f0f0f0; /* 鼠标悬停时的背景色 */
}

var imageLink = document.querySelector('nav a');
imageLink.addEventListener('click', function() {
  // 在这里添加点击图像时的操作
});