Tengo un formulario en una de mis aplicaciones:
<div class="custom-form-field"> <label> Email <span class="required-asterix"></span> </label> <input name="email" class="email" type="email" placeholder="Work Email" tabindex="0" value=""> </div>Tengo la capacidad de ejecutar un script personalizado en el encabezado o el cuerpo de la página, y me gustaría cambiar la etiqueta de "Correo electrónico" a "Correo electrónico de la empresa".
¿Alguna sugerencia? Gracias
Para hacer coincidir un elemento por su contenido, deberá usar XPath.
let emailLabels = document.evaluate( "//div[contains(@class, 'custom-form-field')]/label[contains(., 'Email')]", document, null, XPathResult.ANY_TYPE, null ); let label = emailLabels.iterateNext(); label.innerText = "Company Email"; <div class="custom-form-field"> <label> Email <span class="required-asterix"></span> </label> <input name="email" class="email" type="email" placeholder="Work Email" tabindex="0" value=""> </div>Si quieres usar javascript nativo, puedes probar esto:
<div class="custom-form-field"><label>Email<span class="required-asterix"></span></label><input name="email" class="email " type="email" placeholder="Work Email" tabindex="0" value=""></div> <script> custom_field = document.getElementsByClassName('custom-form-field'); custom_field[0].children[0].outerText = 'Company Email'; </script>