在HTML锚点点击事件中设置变量，能否直接在HTML标签内新增变量？

当然可以！其实在HTML标签的onclick属性里，你完全可以直接定义或新增变量，甚至一次性处理多个变量逻辑，不用额外绕路。我给你举几个实用的例子：

• 直接在点击事件里新增变量并使用
  最简单的方式就是在onclick的代码块里直接声明变量，比如：

  <a href="#" onclick="let newVar = '我是新增的变量'; alert(newVar);">点击我看新增变量</a>
  

  这里点击锚点时，会直接创建newVar变量并弹出它的值。

• 结合已有变量，新增自定义变量
  如果已经有全局变量或者其他上下文变量，也可以在点击事件里新增变量来配合使用：

  <script>
    // 已有的全局变量
    let existingVar = '原有变量';
  </script>
  <a href="#" onclick="let extraVar = existingVar + ' + 新增变量'; console.log(extraVar);">点击组合变量</a>
  

  点击后会把原有变量和新增变量拼接，打印到控制台。

• 传递元素本身作为变量（常用技巧）
  很多时候我们需要操作触发点击的锚点元素本身，也可以把它作为变量在事件里使用：

  <a href="#" onclick="let currentLink = this; currentLink.style.color = 'red';">点击我变色</a>
  

  这里this就是当前的锚点元素，把它赋值给currentLink变量后，就能直接修改它的样式了。

不过要提醒一句：虽然这种内联事件写法简单，但如果逻辑复杂的话，更推荐把事件处理逻辑放到单独的<script>标签或者外部JS文件里，这样代码更易维护，也更符合现代前端的编码习惯哦。

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