Javascript 为浮动标签加载事件侦听器

Javascript 为浮动标签加载事件侦听器,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在页面重新加载时,如果表单以前已经填写过,则会有浮动标签与输入文本重叠。为了避免这个问题,如果表单中有数据,我想改变输入文本的样式 这是我的密码: codepen示例中有许多内容需要更改 HTML 测验 我不理解这个问题。为什么在使用jQuery时使用.getElementsByTagName和.addEventListener?A不会触发加载事件。没有结束标记$浮动意味着元素。你想要美元浮动。 document.getElementsByClassName("floating").addEv

在页面重新加载时,如果表单以前已经填写过,则会有浮动标签与输入文本重叠。为了避免这个问题,如果表单中有数据,我想改变输入文本的样式

这是我的密码:


codepen示例中有许多内容需要更改

HTML 测验
我不理解这个问题。为什么在使用jQuery时使用.getElementsByTagName和.addEventListener?A不会触发加载事件。没有结束标记$浮动意味着元素。你想要美元浮动。
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; 
}