输入框的value值也能直接返回数值类型

我也是最近才知道，原来DOM对象获取属性值，不是都是字符串类型，还可以是数值类型。

已知输入框元素：

<input id="number" min="1" max="10" type="number" />

平常我们获取输入框的值都是使用 number.value 获取的，但是这个属性的返回值是个字符串。

其实现在浏览器支持直接返回数值类型的，使用number.valueAsNumber即可。

一、数字输入框-valueAsNumber

<input id="number" min="1" max="10" type="number" />

typeof number.valueAsNumber;

二、日期选择器-valueAsDate

<input id="datetime" type="datetime-local">

console.log(datetime.valueAsDate);