首页 > 解决方案 > 使用 document.getElementById 时输入字段值没有变化

问题描述

我正在尝试编写 javascript 代码,通过使用 document.getElementById(“”).value 来更改输入字段的值,但这些值并没有真正改变。

我正在一些网站上对其进行测试,以检查它是否正常工作。在 Netflix ( https://www.netflix.com/il-en/login ) 上尝试时,它不起作用。我就是这样做的:

document.getElementById("email").value = 'change@change.com' ;
document.getElementById("password").value = 'change1234' ;

由于这个网站也有“价值属性”我试过:

document.getElementById("email").setAttribute('value', 'change@change.com');
document.getElementById("password").setAttribute('value', 'change1234');

查看显示 DOM 和 html 输入值正在正确更改的屏幕截图

更改值并专注于输入字段或只是尝试单击“登录”按钮后,我可以看到输入字段值是旧值或什么都没有。

查看 UI 网站中旧值的屏幕截图,但在 DOM 中查看我输入的值

.

这意味着这些值并没有真正设置为我分配给它们的值。

知道为什么以及如何正确设置输入字段值吗?

谢谢!

标签: javascripthtmldom

解决方案


推荐阅读