通过脚本更改表单标签(无ID或类)
通过脚本更改表单标签(无ID或类)
提问于 2022-03-11 15:04:45
我的应用程序中有一个表单：
<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>我有能力在页面的标题或正文中运行自定义脚本，我希望将标签从“电子邮件”更改为“公司电子邮件”。
有什么建议吗？谢谢
回答 2
Stack Overflow用户
发布于 2022-03-11 16:50:41
要根据元素的内容匹配元素，需要使用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>
Stack Overflow用户
发布于 2022-03-11 15:21:17
如果您想使用本机javascript，可以尝试以下操作：
<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71440542
复制相关文章
相似问题
腾讯云开发者
