在加載時為浮動標簽添加事件監聽器

Question

在頁面重新加載時，如果之前已經填寫過表單，我的浮動標簽會與輸入文本重疊。 為避免此問題，如果表單中有數據，我想更改輸入文本的樣式。

這是我的代碼：

https://codepen.io/holly-williford/pen/pONYYM

document.getElementsByClassName("floating").addEventListener("load", hideLabel);

function hideLabel() {
    if(!$('input').val() ) {
        $('floating').addClass('warning');
    } else {

    }
}


<label class="floating">Test</label>
<input></input> 

warning {
    color: red; 
}

Answer 1

Codepen示例中有很多事情需要更改。

1. HTML

 <label class="floating">Test</label> <input> <!-- You should have a proper html tag --> 

2. CSS

  .warning { //Notice the '.' color: red; } 

3. JS

  window.onload = hideLabel; function hideLabel() { if(!$('input').val() ) { $('.floating').addClass('warning'); // Notice the '.' } else { } } 

這些修改將幫助您入門。

但是，您提到了jQuery，但您似乎並未充分利用它。