Question

检查div是否存在非常简单

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

}

但是如何检查具有给定id的div是否不存在？

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")的元素不存在，则null语句会返回given-id，而null是假的，这意味着当在if-中评估时，它会转换为false声明。（other falsy values）

Answer 3

尝试使用ID获取元素并检查返回值是否为null：

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

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

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

Answer 4

如果没有这样的元素，

getElementById会返回null。

Answer 5

适用于：

 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 6

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

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

如果元素实际存在于DOM中，那么该代码只会将exists记录到控制台。

Answer 7

我在下面执行并检查是否存在id并执行函数（如果存在）。

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

Answer 8

所有这些答案不都不会考虑您对 DIV 元素的具体询问。

[[0 1 2]
 [3 4 5]
 [6 7 8]]
[0 1 2 3 4]

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

检查javascript是否存在div

8 个答案: