Controllare se esiste un elemento HTML in JS

EliaRomano · 26 Ottobre 2021

Buon giorno! Oggi sto cercando di controllare se un elemento esiste o meno tramite un semplicissimo codice in javascript solo che, qualsiasi elemento gli dia per le mani mi dice che esiste. Il codice è il seguente:

JavaScript:

if (typeof document.getElementById('qualsiasi cosa') != "undefined") {
    console.log("esiste");
}

Ho provato anche a fare la contro prova e a stampare, direttamente in console, il seguente codice che mi da sempre come risposta 'object' invece di 'undefined':

Codice:

typeof document.getElementById('qualsiasi cosa')

Qualcuno ha qualche idea di come risolvere?

Skills07 · 26 Ottobre 2021

semplicemente fai cosi:

JavaScript:

const element = document.getElementById("intro");

ti trovi la variabile, se la variabile ha valore esiste se restituisce indefinito non esiste

Skills07 · 26 Ottobre 2021

guarda nel dubbio ti allego codice html di test per fare la prova di esistenza:

HTML:

<!DOCTYPE html>
<html>
<body>

<p id="test">Paragrafo di Test</p>

<p id="test2">Qui uscirà il result del test</p>

<button id="button" value="Test" onclick="test_presenza();">Test Presenza Oggetto</button>

<script type="text/javascript">
    function test_presenza(){
        const element = document.getElementById("test");
        //alert(element);
        if (element != null){
            document.getElementById("test2").innerHTML = "l'elemento esiste";
        }else{
            document.getElementById("test2").innerHTML = "l'elemento non esiste";
        }
    }
</script>

</body>
</html>

GraveKeeper · 26 Ottobre 2021

Io controllerei diverso da null (!= null) come ha fatto skills, più che undefined.

Cerca

Controllare se esiste un elemento HTML in JS

EliaRomano

Nuovo Utente

Skills07

Head of Development

Skills07

Head of Development

GraveKeeper

Entra