javascript - JS 不会更新 dom 中的占位符

Question

JS 在给占位符赋值后不会更新占位符

HTML

<input type="text" class="form-control" id="B" readonly>

JS(按钮)

a=Sander 
document.getElementById("B").placeholder=a;

之后

HTML 网站仍然有

<input type="text" class="form-control" id="B" readonly>

登录到控制台

(<input type="text" class="form-control" id="B" placeholder="Sander" readonly>);

它显示更新代码。但在检查 DOM 时它仍然显示旧代码。尝试了很多东西，但我一生都无法让它发挥作用

Answer 1

您可以使用setAttribute

function setPlaceholder() {

  let a = 'Sander'
  document.getElementById("B").setAttribute('placeholder', a);

}

<input type="text" class="form-control" id="B" readonly>
<button type='button' onclick='setPlaceholder()'>Set Placeholder</button>