求助：如何获取按钮的value值？附相关JavaScript代码

首先，标签不是表单控件，HTML规范里它本身没有value属性，所以你直接用a.value会得到undefined。给你两种可行的解决办法：

方法一：使用自定义data属性（推荐） #

把原来的value改成data-value，通过dataset对象获取：

<a href="" onclick="funk(this)" data-value="123" class="price-button"><i class="fas fa-shopping-cart"></i> press</a>
<script>
funk = (a) => {
  console.log(a.dataset.value) // 输出123
}
</script>

方法二：直接获取属性值 #

如果不想改属性名，用getAttribute()方法读取这个自定义的value属性：

<a href="" onclick="funk(this)" value="123" class="price-button"><i class="fas fa-shopping-cart"></i> press</a>
<script>
funk = (a) => {
  console.log(a.getAttribute('value')) // 输出123
}
</script>

另外，如果你的需求是做按钮功能，也可以直接把换成标签，按钮原生支持value属性，这样btn.value就能正常获取了，不过需要调整一下按钮的样式来匹配原来的链接样式。

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