本文详解 html + javascript 简易计算器中常见的 `nan` 输出问题，指出 `getelementsbyname()` 返回类数组对象、输入值为字符串未转数字等核心错误，并提供可直接运行的修复代码与最佳实践。
在构建基于 HTML 的简易计算器时，一个看似简单的加法功能（如将两个 中的数字相加并回填结果）常因几个关键细节出错，最终导致输出 "NaN"（Not-a-Number）。根本原因并非逻辑错误，而是对 DOM 方法和 JavaScript 类型转换的理解偏差。
? 主要问题分析
-
document.getElementsByName() 返回的是 NodeList（类数组），不是单个元素
即使 name="One" 只对应一个输入框，getElementsByName('One') 仍返回一个包含该元素的集合，必须通过索引 [0] 获取实际元素：document.getElementsByName('One')[0].value // ✅ 正确 // document.getElementsByName('One').value // ❌ 错误：NodeList 无 value 属性 输入值默认是字符串，直接 + 会触发字符串拼接而非数值相加
例如："5" + "3" 得到 "53"，而非 8；若输入为空或非数字字符（如 "abc"），parseInt("abc") 返回 NaN，后续计算即全盘失效。-
HTML 结构顺序与表单位置影响可访问性
原代码中
