Si existe Div con cierta clase, haga algo con Javascript

Tengo una clase y, si existe, quiero usar la variable como una declaración if verdadera/falsa.

HTML

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

JS

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

Sin embargo, no está funcionando. ¿Algunas ideas? No jQuery responde, por favor.

getElementsByClassName devuelve un NodeList que es un objeto tipo matriz. Puedes comprobar su length para determinar si existen elementos con clase definida:

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

Aquí hay una solución de muestra para la clase de verificación (hasClass) en Javascript:

const mydivclass = document.querySelector('.mydivclass');
// if 'hasClass' is exist on 'mydivclass'
if(mydivclass.classList.contains('hasClass')) {
    // do something if 'hasClass' is exist.
}

getElementsByClassName devuelve una lista de nodos. nunca será null. podría tener un .length de 0.

lo he probado está completamente funcionando. podrías haber cometido cualquier otro error. getElementsByClassName devolver vacío si no se encuentra ningún elemento con el nombre de clase dado o devuelve una lista de elementos que han dado clase. para que pueda acceder a él usando index.

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>

selector de consulta() El método del documento devuelve el primer elemento que coincide con el selector especificado; de lo contrario, devuelve nulo si no hay coincidencia referencia del selector de consulta.

 Syntax
 element = document.querySelector(selectors);

console.log(`existing-class element ${document.querySelector('.existing-class')}`)

console.log(`non-existing-class element ${document.querySelector('.non-existing-class')}`)

if(document.querySelector('.existing-class')) {
  alert('inside if block')
}

<div class="existing-class">

No se requiere verificación nula explícita con la declaración if, ya que nulo es un valor falso cuando se encuentra en un contexto booleano, el uso de la salida de querySelector funcionará referencia falsa

var id=$("#main .slides .gallery-cell.is-selected").attr('id');
var isselected = document.getElementById(id);
isselected.scrollIntoView({behavior: "smooth", block: "center", inline: "center"});