Estoy tratando de pasar el selector del campo Nombre en esa página: https://register.gotowebinar.com/register/4509387877809921038 a la función replaceValue (fuente:Ingrese datos en un campo de entrada personalizado )
replaceValue('#registrant\.firstName','my_name') function replaceValue(selector, value) { const el = document.querySelector(selector); if (el) { el.focus(); el.select(); if (!document.execCommand('insertText', false, value)) { // Fallback for Firefox: just replace the value el.value = 'new text'; } el.dispatchEvent(new Event('change', {bubbles: true})); // usually not needed } return el; }Pero no funciona para mí. Como no estoy familiarizado con las tecnologías web, probablemente esté cometiendo algún error tonto. ¿Puedes ayudarme?
EDITAR: Hice algunas pruebas en la consola como sugirió @DiegoDeVita: 
EDIT2: Un poco más de prueba:
El problema principal aquí es que hay caracteres de punto dentro de la ID del elemento, lo que hace que escribir selectores sea más complicado.
La página enlazada tiene el siguiente elemento:
<input id="registrant.firstName" ... /> Desde el . tiene un significado especial dentro del contexto del selector CSS. Debe escaparse con \ . El selector #registrant.firstName coincidiría con un elemento con id registrant y class firstName . Mientras que #registrant\.firstName coincide con un elemento con id registrant.firstName .
La razón por la que tiene problemas es porque \ tiene un significado especial en el contexto de cadena de JavaScript. Escapa del carácter que sigue directamente a \ . Si desea registrar la cadena "#registrant\.firstName" , verá el resultado #registrant.firstName , porque \ se escapa de . y no es un presente real dentro de la cadena.
Para hacer coincidir correctamente el elemento, deberá escapar de \ en el literal de cadena. "#registrant\\.firstName" Si desea registrar esta cadena, verá el resultado #registrant\.firstName , porque el primero \ se escapa del segundo \ ( "\\" es una cadena que contiene un único carácter \ ).