Se esiste una classe, fare qualcosa con Javascript

Question

Ho una classe e se esiste, voglio usare la variabile come un'istruzione true/false if.

HTML

<div id="snake" class="snake--mobile"> 

JS

var isMobileVersion = document.getElementsByClassName('snake--mobile'); 
if (isMobileVersion !== null) 
    alert('xx'); 

Tuttavia, non funziona. Qualche idea? Nessuna risposta jQuery, per favore.

Answer 1

getElementsByClassName restituisce un NodeList che è un oggetto tipo . È possibile controllare la sua length per determinare se esistono elementi con classe definita:

var isMobileVersion = document.getElementsByClassName('snake--mobile'); 
if (isMobileVersion.length > 0) { 
    // elements with class "snake--mobile" exist 
} 

Answer 2

getElementsByClassName restituisce un NodeList. Non sarà mai null. Potrebbe avere un .length di 0.

Answer 3

L'ho provato. è completamente funzionante. potresti fare qualsiasi altro errore. getElementsByClassName restituisce vuoto se nessun elemento viene trovato con un nome classe specificato o una lista di ritorno di elementi che hanno dato classe. così puoi accedervi usando l'indice.

var isMobileVersion = document.getElementsByClassName('snake--mobile'); 
 
if (isMobileVersion.length > 0) { 
 
    isMobileVersion[0].style.color="red"; 
 
    alert('class exist'); 
 
}

<div id="snake" class="snake--mobile">Class Exist div </div>