javascript - "Uncaught TypeError: Cannot read property ' 空 JAVASCRIPT 的长度

Question

我正在使用简单的长度函数根据 id 检查长度是否大于零。我正在使用的代码是

if ($('#abcd').length > 0)
{
    var abcd = $('#abcd').val();
}

这段代码工作正常并且没有产生任何错误。但如果我以这种方式使用简单的 javascript

if (document.getElementById('abcd').length > 0)
{
    var abcd = document.getElementById('abcd').val();
}

然后它不起作用并产生此错误“未捕获类型错误:无法读取 null 的属性“长度””。这个错误是什么意思以及我怎样才能让它工作？

Answer 1

如果该元素不存在则 getElementById方法将返回 null 并且您试图获取它的 length 属性，这会引发异常。相反，只需检查它是否在 if 条件中定义。

if (document.getElementById('abcd'))

---

使用变量而不是两次获取元素。虽然没有val() DOM 元素的方法是 jQuery 方法，而是使用 value属性以获得值(value)。

var ele = document.getElementById('abcd');

if (ele){
    var abcd = ele.value;
}