js添加类名的两种方法
<input type="text" value="手机">
<script>
window.onload = function () {
document.querySelector('input').onfocus = function () {
this.value = ""
// 方法一：
// = "#333"
// = "1px solid skyblue"
// 方法二：
this.classList.add("active", "active2");
// 方法三：
// = "active active2"
}
// trim() 去除空格
document.querySelector('input').onblur = function () {
if (this.value.trim() == "") {
this.value = "手机"
// 方法一：
// = "#999"
// = "1px solid #ccc"
// 方法二：
this.classList.remove("active", "active2");
// 方法三：
// = ""
}
}
}
</script>