Sprawdzenie, czy istnieje element DIV, jest dość proste
if(document.getif(document.getElementById('if')){
}
Ale jak mogę sprawdzić, czy element div o podanym identyfikatorze nie istnieje?
javascript
html
if-statement
Wilson
źródło
źródło
if (!document.getElementById("given-id")) { //It does not exist }
Instrukcja
document.getElementById("given-id")
zwraca,null
jeśli element zgiven-id
nie istnieje inull
jest fałszywy, co oznacza, że przekłada się na fałsz, gdy jest oceniany w instrukcji if. ( inne fałszywe wartości )źródło
null
wartościujefalse
, co nie jest powszechną wiedzą (C # to język, w którymnull
nie równa się fałszowi).null
nie równa sięfalse
nawet w przymusowym porównaniu równości - wezwanie doToBoolean(null)
powrotufalse
Spróbuj pobrać element z identyfikatorem i sprawdź, czy wartość zwracana jest pusta:
document.getElementById('some_nonexistent_id') === null
Jeśli używasz jQuery, możesz:
$('#some_nonexistent_id').length === 0
źródło
!document.getElementById('foo')
?document.getElementById()
.Sprawdź mój kod JavaScript i JQuery:
JavaScript:
if (!document.getElementById('MyElementId')){ alert('Does not exist!'); }
JQuery:
if (!$("#MyElementId").length){ alert('Does not exist!'); }
źródło
getElementById
zwraca,null
jeśli nie ma takiego elementu.źródło
Działa z:
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'); }
źródło
Jest jeszcze lepsze rozwiązanie. Nie musisz nawet sprawdzać, czy element zwraca
null
. Możesz to po prostu zrobić:if (document.getElementById('elementId')) { console.log('exists') }
Ten kod będzie logował się
exists
do konsoli tylko wtedy, gdy element faktycznie istnieje w DOM.źródło
Robię poniżej i sprawdzam, czy
id
istnieją i wykonuję funkcję, jeśli istnieją.var divIDVar = $('#divID').length; if (divIDVar === 0){ console.log('No DIV Exist'); } else{ FNCsomefunction(); }
źródło
Wszystkie te odpowiedzi NIE uwzględniają tego, że pytałeś konkretnie o element DIV .
document.querySelector("div#the-div-id")
@see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
źródło