如何在JavaScript中设置值后删除占位符

Question

设置用户名后，我无法删除占位符。

任何人都知道如何使用控制台

设置用户名后删除占位符

链接：https://login.microsoftonline.com

document.getElementById("i0116").value = "singapore@mail.com"

Answer 1

诀窍是，微软没有使用原生HTML placeholder。他们为div添加了额外的placeholder。您只需在设置div后隐藏value即可。请参阅以下代码

document.getElementById("i0116").value = "singapore@mail.com";
document.getElementsByClassName("phholder")[0].style.display = "none";

<强>修改：

Microsoft正在使用Knockout进行数据绑定。这就是您需要触发更改事件以在ViewModel中设置值的原因。在以上两行之后使用以下代码。

var event = new Event('change');
document.getElementById("i0116").dispatchEvent(event)