元素在 IE 8 中始终为空

element is always empty in IE 8

我有以下代码:

 if (document.querySelectorAll('[id$=":maindiv:usernametext::content"]')[0].value == null || document.querySelectorAll('[id$="maindiv:usernametext::content"]')[0].value.trim() == "") {
        console.log("maindiv:usernametext::content IS EMPTY !!!);
    }

在 IE 8 中,此元素始终表示值为空,即使它不是。当 运行 在浏览器 > IE 8 以及 Chrome 和 Firefox 中时,它可以工作。为什么它 return 每次都为空。我在 IE 8 标准模式下 运行。

更新

所以我只是 console.log(document.querySelectorAll('[id$=":maindiv:usernametext::content"]')[‌​0].value) 并且它是 returning 值,但是这个条件不起作用?所以看起来选择器正在获取值,但是这个 if 语句在它不应该执行的时候正在执行,因为有一个值?该字段只是一个文本字段。

原来 trim 不受 IE 8 支持,我删除了它并且它有效!