如何使用javascript恢复默认文本输入外观

Question

你可以在图片中看到两个文本输入框（Firefox 52） 最上面的一个是默认外观，下面一个是 之后改变了：

document.getElementById("answerBox").style.background = "white";

我是否必须重新创建元素才能获得默认外观 还是有更简单的方法？

感谢您的帮助，

杰拉德

Answer 1

我不确定完全理解您的问题，但要恢复默认外观，您可以执行以下操作：

＆＃13;

＆＃13;

var btn = document.getElementById('btn');
var input = document.getElementById('input');

btn.addEventListener('click', function() {
  input.classList.toggle('border');
});

＆＃13;

input.border {
  border: 1px solid red;
}

＆＃13;

<label>Your answer</label>
<input id="input" type="text" />

<button id="btn">Click me</button>

＆＃13;

＆＃13;

＆＃13;

＆＃34; classList.toggle（＆＃39; border＆＃39;）＆＃34;如果不存在，则将border类添加到输入classList，如果已存在则删除它。