如何解决填充文本框输入的值但返回空/未定义
我是 javascript/typescript 的新手,我正在尝试为我的文本输入小部件创建一个浮动标签。如果文本框包含一个值,我想添加一个 CSS 'active' 类以便为我的文本框添加一些样式。
下面是我用于检查文本框是否包含值的代码的一部分。我不明白为什么它会失败。
//Structure texBox input widget
<div class="mx-textBox">
<label class="control-label"> </label>
<input class="form-control" value="Best">
</div>
//Part of my code for adding an 'active' class to my textBox div
init = () => {
const floatContainers = document.querySelectorAll('.mx-textBox');
floatContainers.forEach((element: HTMLInputElement) => {
element.classList.add('floatLabel');
const inputElement = element.querySelector('input');
if (inputElement) {
console.log(inputElement);
console.log("value for " + inputElement.id + " is " + inputElement.value);
if (inputElement.value) {
element.classList.add('active');
}
}
this.bindEvents(element);
});
};
当我检查我的控制台时,我可以看到为我的 texBox 找到了值,但是如果我尝试检查该值,它似乎是空的? Console where you can see that my input items have a value
有人可以解释我该怎么做或如何正确检查吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。