JavaScript 值未获取未定义即将到来

Question

为什么此代码行不起作用

let a = document.getElementsByTagName("input")[0].value;
let b = document.getElementsByTagName("input")[1];
b.value = a;

从一个文本中获取值并将其粘贴到另一个文本中的简单代码。

Answer 1

问题代码是您的代码在 DOM 完全加载之前正在运行。 在这种情况下，您应该收到以下错误：

未捕获的类型错误：无法读取未定义的属性“值”

要解决上述问题，您可以将代码放在body标记的底部，或者使用DOMContentLoaded包装代码。

演示：

 <script> document.addEventListener('DOMContentLoaded', (event) => { let a=document.getElementsByTagName("input")[0].value; let b=document.getElementsByTagName("input")[1]; b.value=a; }); </script> <input value="123"/> <input />

Answer 2

JavaScript 无法获取input元素。 为什么您决定通过他们的标记名获取输入？ 使用 id 或类来获取它。 其次，检查它的可用性。 例如：

const [firstInput, secondInput] = document.getElementsByTagName("input");
if (firstInput && secondInput) {
    secondInput.value = firstInput.value || 'default value';
}

类似的东西。