document.getElementByIdが空の結果を返すかどうかをチェックする方法は？

Question

document.getElementByIdを使用して1つまたは複数のdom要素を検索する場合、1つのdom要素がtypeof(node) -> "object"と返されます。

クエリにdom要素が見つからない場合はnullというオブジェクトが返され、typeof(node) -> "object"も返されます。

document.getElementByIdへの呼び出しは、DOM要素をさらに処理することができ、戻ってきたという意味で、成功したかどうかを確認する方法

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

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

？

Answer 1

戻り値に何かがあるかどうかを確認するには、isEmpty()のような独自のメソッドを作成できます。

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

このメソッドはすべてのケースをチェックします。

Answer 2

まあ返さobjectは、単に!caseOneを使用し、undefinedないかどうかを確認する：

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

Answer 3

あなたが方法document.getElementByIdの返された要素オブジェクトのためのシンプルな評価条件によってそれを達成することができます

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