javascript - Check if a div does NOT exist with javascript

Question

Checking if a div exists is fairly simple

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

}

But how can I check if a div with the given id does not exist?

Answer 1

var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');

Answer 2

if (!document.getElementById("given-id")) {
//It does not exist
}

如果元素不存在，则该语句document.getElementById("given-id")返回，并且是假的，这意味着在 if 语句中评估时它会转换为假。（其他虚假值）nullgiven-idnull

Answer 3

检查我的 JavaScript 和 JQuery 代码：

JavaScript：

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

查询：

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

Answer 4

尝试获取带有 ID 的元素并检查返回值是否为 null：

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

如果你使用 jQuery，你可以这样做：

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

Answer 5

getElementByIdnull如果没有这样的元素，则返回。

Answer 6

还有一个更好的解决方案。你甚至不需要检查元素是否返回null。你可以简单地这样做：

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

exists只有当元素实际存在于 DOM 中时，该代码才会记录到控制台。

Answer 7

这适用于：

 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');
 }

Answer 8

所有这些答案都没有考虑到您专门询问了DIV元素。

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

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

Answer 9

我在下面做并检查是否id存在，如果存在则执行函数。

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