Estoy trabajando en una extensión de Chrome que optimizará algunas de las vistas de Gerrit en nuestro sistema. Como parte de la extensión, necesito obtener todos los elementos con una determinada clase, por ejemplo, "gerritBody". Al inspeccionar la página, esto es lo que obtengo: Inspección de Gerrit Esto es lo que probé:

 var elems = document.querySelectorAll('#gerrit_body'); // works var elems = document.querySelectorAll('div#gerrit_body'); // works var elems = document.getElementsByClassName("gerritBody"); // works (*) var elems = document.querySelectorAll('.gerritBody'); // doesn't work var elems = document.querySelectorAll('div.gerritBody'); // doesn't work var elems = document.querySelectorAll('div#gerrit_body.gerritBody'); // doesn't work

(*) Estaba de acuerdo con el uso de getElementsByClassName(), pero por alguna razón, a pesar de ver el contenido de HTMLCollection devuelto, no puedo acceder a los elementos en sí (elems[0] devuelve 'indefinido').

Intenté buscarlo, pero todo lo que encontré fue sobre selectores de CSS, que creo que usé correctamente. También probé todas las opciones con comillas simples y dobles (soy realmente nuevo en JS, así que no tengo idea si realmente importa).

Estaría agradecido por cualquier dirección sobre cómo depurar esto; como mencioné, soy bastante nuevo en esto, así que estoy perdido en este momento. ¡Gracias!