<button>“值”属性可以是数字吗？

如何解决<button>“值”属性可以是数字吗？

示例：

<button type="button" value="5">5</button>

我想做的是创建一个JavaScript计算器。当按下按钮时，我希望能够显示该值。目前，我似乎无法弄清楚如何检索该值，并且不确定使用数字是否有效。

解决方法

根据W3Schools

值：文本

这意味着“值”属性始终接收文本（字符串）。

如有需要，您随时可以parse the number。

即

// having myButtonValue as the value from button
var number = +myButtonValue

,

尝试改用<input id="b5" type="button" value="5" /> ：

const value = document.getElementById("b5").value;

然后您可以将值解析为数字：

    val totals = invoiceItem.groupBy { it.numInvoice2 }.mapValues { item ->
        item.value.sumByDouble { it.unitPrice * it.quantity }
    }

,

在这种情况下，最适合使用data属性..像这样：

 <button type="button" data-value="5">5</button>

然后您可以使用：

var el = document.querySelector('your_button');
console.log(el.getAttribute('data-value'));

注意我正在使用querySelector作为通用术语..您可以给它一个class，name或ID-并检索它IE getElementById()

,

任何组件都可以具有任何属性，但是用于选择整数值的按钮在语义上可能并不是最正确的HTML。