应使用getAttribute('step')获取原始字符串值，如"0.5"或null；element.step返回解析后的数值或"any"，受浮点误差和类型限制影响，仅对number、range等特定type生效。
直接用 element.getAttribute('step') 获取原始字符串值
HTML 的 step 属性在表单控件（如 <input type="number"> 或 <input type="range">）中是纯字符串，即使你写的是数字（比如 step="0.5"），DOM 也不会自动转成数值。直接读 element.step 会返回解析后的数字（或 NaN），但有时你需要原始值（比如判断是否显式设置了 step，或保留小数位精度）。
常见错误是以为 element.step 总能反映 HTML 中写的值——其实它经过了浏览器解析：省略时返回 "any"（字符串），step="1" 返回 1（数字），step="0.1" 可能返回 0.10000000000000002（浮点误差）。
-
getAttribute('step')返回原始 HTML 字符串，如"0.5"、"1"、null（未设置） -
element.step返回规范化的数值或"any"，但受浮点精度和默认行为影响 - 若需做相等判断（例如检查是否为
"0.1"），必须用getAttribute，不能依赖.step === 0.1
用 element.step 判断是否启用步进约束
当你关心“这个输入框是否实际受 step 限制”时，element.step 更可靠——它已按规范处理了缺失、非法值等情况。比如：
<input type="number"> <input type="number" step="any"> <input type="number" step="invalid">
这三者的 getAttribute('step') 分别返回 null、"any"、"invalid"，但 element.step 全部返回 "any"（即不强制步进）。这是浏览器的合规行为。
立即学习“前端免费学习笔记（深入）”；
- 值为
"any"表示无步进限制（允许任意值） - 值为有限数字（如
5、0.01）表示启用了步进校验 - 对非
number/range类型（如text），.step始终返回"any"，与属性无关
注意 type 属性决定 step 是否生效
step 属性只对特定 type 生效：仅 "number"、"range"、"date"、"month"、"week"、"time"、"datetime-local"。其他类型（如 "text"、"email"）即使写了 step，element.step 也返回 "any"，且浏览器完全忽略该属性。
- 检查前务必确认
element.type是上述支持类型之一 -
getAttribute('step')仍会返回你写的字符串，但这不代表它起作用 - 动态改
type后，.step值可能立即变化（例如从"text"改为"number"，.step从"any"变为1）
兼容性与实操建议
所有现代浏览器都支持 getAttribute('step') 和 element.step，无需 polyfill。但要注意 Safari 在旧版本中对 datetime-local 的 step 解析略有差异（如忽略小数部分），不过这是极少数场景。
- 想读原始 HTML 值 → 用
getAttribute('step') - 想判断是否实际参与校验 → 用
element.step并结合element.type - 避免直接比较浮点数：
element.step === 0.1几乎总为false；应使用Math.abs(element.step - 0.1) < 1e-10或转字符串比对 - 如果元素尚未插入 DOM，
getAttribute仍可用，但.step可能返回默认值（如1），而非预期行为
需要处理用户手动输入绕过 step 校验的情况，或者监听 input 事件做自定义验证——那才是真正的麻烦点。
