删除纯JS(非jQuery)焦点上的占位符属性

Question

我只想删除具有if条件的属性，然后将其与我的else一起添加回来。

function onFocusChange () { 
  if (document.getElementById("input").focus()) { 
     document.getElementById("input").placeholder = "";
   else { 
     document.getElementById("input").placeholder = "This is Placeholder Text";   
   }
  }
}

标记：

<label for="input">
  Question #1:
</label>
<input type="text" id="input" name="Address" required="required" placeholder="This is Placeholder Text" />

Answer 1

要删除属性，您可以使用element.removeAttribute("placeholder");

Answer 2

您可以使用

focus和blur事件

var element = document.getElementById('input');
element.addEventListener('focus', function() {
  element.setAttribute('placeholder', '')
})
element.addEventListener('blur', function() {
  element.setAttribute('placeholder', 'This is Placeholder Text')
})

<label for="input">
  Question #1:
</label>
<input type="text" id="input" name="Address" required="required" placeholder="This is Placeholder Text" />