Estoy creando una secuencia de comandos de Greasemonkey para que alguien cambie la visualización de algunos de los campos que creó su CRM (Zoho) porque no tienen acceso para cambiar el HTML renderizado.

Esto debería ser fácil, PERO Zoho decidió que crear el HTML correcto era un dolor de cabeza demasiado grande, supongo, y su HTML contiene cosas como esta:

<input type="text" maxlength="50" style="width: 100%;" class="textField" id="property(Phone)" name="property(Phone)"/>

Los ID contienen espacios y paréntesis, que no son válidos en los atributos de ID, y me están impidiendo usar cualquiera de los dos documentos.getElementById () para seleccionarlos o usar jQuery para seleccionarlos.

¿Alguien tiene alguna idea de cómo podría agarrar ese elemento? Obviamente, podría capturarlo a través de su índice en su elemento principal, o atravesando el DOM, pero ambos significarían que si cambia el orden de los campos, la secuencia de comandos de Greasemonkey dejaría de funcionar correctamente porque estaría apuntando a los elementos incorrectos .