如何获取点击图片的alt属性值？event.target.innerHTML对图片无效

你当前的代码onclick="alert(event.target.innerHTML)"在点击图片时无反应，是因为图片元素的innerHTML为空，所以alert没有内容。要同时兼容标题和图片元素，需要判断点击目标的类型，针对性获取内容：

修改后的代码 #

onclick="
  const el = event.target;
  const showContent = el.tagName === 'IMG' ? el.alt : el.innerHTML;
  alert(showContent);
"

说明 #

• 当点击的是图片元素（tagName为IMG，DOM中标签名默认大写），就获取它的alt属性值；
• 点击标题等其他元素时，依然使用innerHTML获取内容，保持原有逻辑。

内容的提问来源于stack exchange，提问作者orschiro