为何input=document.getElementById("check_btwn");无需.value仍能正常工作？

哈哈，这个问题问得挺细致的！其实核心原因很简单：你用到的表单验证相关方法和属性，都是input元素DOM对象本身自带的，根本不需要依赖.value属性来工作。

咱们拆解来看：

• 首先，document.getElementById("check_btwn")拿到的不是输入框里的文字/数值，而是整个<input>元素的DOM实例（也就是HTMLInputElement对象）。这个对象本身就包含了所有和这个输入框相关的状态、规则和方法。
• 你调用的checkValidity()是这个DOM对象的内置方法——它会自动读取输入框当前的实际值，再结合你给它设置的约束（比如min="100"、max="300"这些属性），直接判断是否符合验证规则，返回true或false。
• 还有validationMessage，也是这个DOM对象的属性，当checkValidity()返回false时，它会根据验证失败的原因自动生成对应的提示文本，完全不用你手动去处理值或者拼接错误信息。

打个比方，就像你找一个员工（input元素）做验证，这个员工自己就知道要检查什么（你设置的min/max规则），也知道自己当前手里的工作内容（用户输入的值），还能直接告诉你结果和错误原因——你根本不用先把他手里的东西拿过来再自己检查，直接让他自己做就行。

只有当你想自己手动处理输入值（比如写自定义的判断逻辑，比如“如果输入值大于200就提示警告”）的时候，才需要用.value把输入值取出来操作。但这里用的是浏览器自带的表单验证API，直接操作元素对象就足够啦。

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