El problema

Estoy usando el tema DIVI y simplemente intento obtener una referencia al elemento ul del menú móvil (esto tiene una clase de 'et_mobile_menu'). Hasta ahora no he tenido problemas para obtener referencias en javascript, pero esta en particular siempre parece ser indefinida/nula.

lo que he intentado

Lo probé en un setTimeout y funcionó (encontró el elemento sin problemas). Entonces, lo probé usando:

 document.addEventListener('DOMContentLoaded', function() { let el = document.querySelector('.et_mobile_menu'); });

Esto no funcionó. Así que probé onload:

 window.onload = function() { let el = document.querySelector('.et_mobile_menu'); }

Nuevamente, esto no funcionó, así que intenté usar JQuery de esta manera...

 $(document).ready(function () { let el = document.querySelector('.et_mobile_menu'); });

Ahora bien, esto funcionó... cada vez que la referencia era válida.

Más información

Estoy usando un tema secundario DIVI simple que creé, y mi archivo javascript se está poniendo en cola en el pie de página. He especificado 'jquery' como una dependencia y he probado add_actions() con diferentes prioridades. (También probé esto con getElementsByClassName())

Resumen

Tengo curiosidad, ¿hay algo específico con Wordpress que me esté faltando o hay algo más que pueda hacer para identificar la razón por la cual la función 'listo' de JQuery funciona aquí pero los métodos JS estándar no?