Question

使用document.getElementById搜索一个或多个dom元素时，会返回一个带有typeof(node) -> "object"的dom元素。

如果没有找到查询的dom元素，则会返回null对象，该对象也会提供typeof(node) -> "object"。

caseOne = document.getElementById('contentSub')
   -> <div id="contentSub">
typeof(caseOne)
   -> "object"

caseTwo= document.getElementById('qwert')
   -> null
typeof(caseTwo)
   -> "object"

如果已经返回了可以进一步处理的dom元素，那么如何检查对document.getElementById的调用是否成功？

Answer 1

要检查返回的object是否不是undefined，只需使用!caseOne：

var caseOne = document.getElementById('contentSub')
if(!caseOne){
    //It's undefined
}

Answer 2

您可以通过方法document.getElementById的返回元素对象的简单评估条件来实现：

if(document.getElementById('contentSub') != null){
     console.log("element exists");
}
else {
     console.log("element doesn't exist");
}

Answer 3

要检查返回的值是否包含某些内容，您可以创建自己的方法，例如isEmpty()。

function isEmpty(value){
    return value === null || typeof(value) === 'undefined' || value === ''
}

此方法会检查所有情况。

如何检查document.getElementById是否给出空结果？

3 个答案: