JS不会在dom中更新占位符

Question

JS给它一个值后将不会更新占位符

HTML

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

JS（buttonpres）

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

之后

HTML 网站stil具有

<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>

Answer 2

对不起，我刚刚在我的代码中发现我只是同一个ID 2次 所以我有两个ID“ B”