92

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

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

}

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

4

9 に答える 9

152 
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
于 2012-06-04T18:27:52.927 に答える
78 
if (!document.getElementById("given-id")) {
//It does not exist
}

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

于 2012-06-04T18:27:04.120 に答える
11

JavaScriptとJQueryの両方のコードを確認してください。

JavaScript：

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

JQuery：

if (!$("#MyElementId").length){
    alert('Does not exist!');
}
于 2015-04-29T10:36:15.170 に答える
10

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

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

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

$('#some_nonexistent_id').length === 0
于 2012-06-04T18:25:12.303 に答える
4

getElementByIdnullそのような要素がない場合に戻ります。

于 2012-06-04T18:24:59.427 に答える
2

さらに良い解決策があります。要素がを返すかどうかを確認する必要はありませんnull。あなたは単にこれを行うことができます：

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

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

于 2017-02-06T23:01:35.917 に答える
1

それはで動作します：

 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');
 }
于 2013-08-29T14:08:11.753 に答える
0

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

var divIDVar = $('#divID').length;
if (divIDVar === 0){ 
    console.log('No DIV Exist'); 
} else{  
    FNCsomefunction(); 
}
于 2018-01-23T11:46:13.840 に答える
0

これらの回答はすべて、 DIV要素について具体的に尋ねたことを考慮していません。

document.querySelector("div#the-div-id")

@see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

于 2019-10-23T17:25:48.667 に答える