web-dev-qa-db-ja.com

JavaScriptでdivが存在しないかどうかを確認してください

Divが存在するかどうかを確認するのはかなり簡単です

if(document.getif(document.getElementById('if')){

}

しかし、指定されたIDを持つdivが存在しないかどうかを確認するにはどうすればよいですか？

javascripthtmlif-statement
90
Wilson
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
146
Jimbo Jonny
if (!document.getElementById("given-id")) {
//It does not exist
}

ステートメントdocument.getElementById("given-id")は、given-idを持つ要素が存在しない場合にnullを返します。また、nullは偽であり、ifステートメントで評価されるとfalseに変換されます。 （ その他の偽の値 ）

71
Esailija

IDを持つ要素を取得して、戻り値がnullかどうかを確認してください。

document.getElementById('some_nonexistent_id') === null

JQueryを使用している場合、次のことができます。

$('#some_nonexistent_id').length === 0
10
Hristo

JavaScriptコードとJQueryコードの両方を確認します。

JavaScript：

if (!document.getElementById('MyElementId')){
    alert('Does not exist!');
}

JQuery：

if (!$("#MyElementId").length){
    alert('Does not exist!');
}
8
Chinmay235

getElementByIdは、そのような要素がない場合はnullを返します。

3
SLaks

それはで動作します：

 var element = document.getElementById('myElem');
 if (typeof (element) != undefined && typeof (element) != null && typeof (element) != 'undefined') {
     console.log('element exists');
 }
 else{
     console.log('element NOT exists');
 }
1
Ema.H

さらに優れたソリューションがあります。要素がnullを返すかどうかを確認する必要さえありません。これを簡単に行うことができます：

if (document.getElementById('elementId')) {
  console.log('exists')
}

そのコードは、要素が実際にDOMに存在する場合にのみexistsをコンソールに記録します。

1
user2230470

以下でidが存在するかどうかを確認し、存在する場合は関数を実行します。

var divIDVar = $('#divID').length;
if (divIDVar === 0){ 
    console.log('No DIV Exist'); 
} else{  
    FNCsomefunction(); 
}
0
Cyber