Soy nuevo en Javascript, así que disculpe si esta es una pregunta tonta.

Usando Elementor pro, estoy tratando de obtener el título de la publicación de un bucle de tipo de publicación personalizado (hecho con el complemento de máscara personalizado de ele) que se muestra en un widget de publicaciones, usando javascript (en el lado del cliente).

En mi plantilla de bucle, el título de la publicación está en un título de encabezado (establecido con una etiqueta dinámica de Elementor). Al hacer clic en él, debería obtener el título en una variable con algo como esto:

En el lazo:

 <script> var My_Heading = document.getElementById('My_Heading_Id'); My_Heading.onclick = function(event){ //Get the post title var StPostTitle = document.getElementById('My_Heading_Id').getElementsByTagName('a')[0].firstChild.data; console.log(StPostTitle); //Do something with StPostTitle ... }; </script>

Esto solo funciona cuando se hace clic en el primer elemento del bucle. Al hacer clic en cualquier otro elemento, se obtiene el mismo PostTitle del primer elemento o no se muestra nada. Intenté con un botón en lugar de un encabezado con el mismo resultado.

¿Hay alguna forma de obtener un título de elemento específico del ciclo con javascript (sin tener que tocar los archivos php del servidor)?