Tengo una clase de botón que se coloca dentro de un iframe. El problema es que la clase de este botón tiene un nombre tan largo y no entiendo cómo hacer referencia a él en mi secuencia de comandos.
<button class="PDF-dmzpd5z6ckdkxkn8 PDF-5rbqp8nfgh6e11 PDF-tma5quj Toolbar-Button Tool-Button" title="SignUp" aria-label="myButton001" type="button"></button>Estoy usando mi javascript para hacer referencia a esta clase como:
document.querySelector("iframe").contentWindow.document.querySelector(".PDF-dmzpd5z6ckdkxkn8").click();El código anterior no funciona. ¿Tengo que proporcionar el nombre completo de la clase como referencia?
Estoy en el camino correcto porque tengo otro botón que se ve así:
<button class="PDF-tdsfethgr51stg Next-Button Next-Previous-Button" title="Next" aria-label="Next" type="button"></button>Y puedo llamarlo/referirlo fácilmente a través de:
document.querySelector("iframe").contentWindow.document.querySelector(".PDF-tdsfethgr51stg").click();Si seleccionar con clase no funciona, puede intentar seleccionar con atributo de título:
document.querySelector('button[title="SignUp"]');Usar Id en el botón es la mejor opción
Ejemplo :
<button class="PDF-dmzpd5z6ckdkxkn8 PDF-5rbqp8nfgh6e11 PDF-tma5quj Toolbar-Button Tool-Button" title="SignUp" aria-label="myButton001" type="button" id="exbtn1"></button> document.querySelector("iframe").contentWindow.document.querySelector("#exbtn1").click();Nota: es mejor opción definir las etiquetas en el Selector de consultas (por ejemplo, document.querySelector("iframe")[0]). El índice comienza desde 0.