使用document.getElementById设置输入值未真正设置值

Question

我有一个输入：

<input type="text" class="input" name="email" id="email" value="" disabled>

和JavaScript：

$email = "stackemail@emails.com";

function setEmail(email) {
        document.getElementById("email").value = email;
    }

    window.onload = setEmail($email);

现在，它确实在输入字段中显示电子邮件，我希望它如何：

但是当我检查元素时，它没有设置值：

即使我更改了inspect元素内的值，它仍然保持为“ stackemail@emails.com”

现在，我需要将值与显示的值相同为什么不这样做？

Answer 1

您正在更新valueDOM元素的it 属性，而不是其value属性。为了反映在标记中，该标记用于setAttribute()更新属性。

function setEmail(email) {
   document.getElementById("email").setAttribute('value', email);
}

function setEmail(email) {
   document.getElementById("email").setAttribute('value', email);
}

$email = "stackemail@emails.com";

function setEmail(email) {
  document.getElementById("email").setAttribute("value", email);
  document.getElementById("email2").value = email;
}

window.onload = setEmail($email);