Javascript 使用JS/jQuery将tabindex追加到输入标记

我正在尝试为输入字段设置tabindex，但我没有访问HTML的权限

我们正在插入一个由第三方生成的表单。此表单有两个字段，按顺序为邮政编码和电子邮件地址。我想使用CSS重新排列它们（而不必修改源平台上的字段），这样电子邮件就在邮政编码之上，但显然这会打乱标签顺序

输入分别具有PostalCode和EmailAddress的名称属性。我对JS知之甚少，所以我试图从互联网上的资源中拼凑出这一点，但迄今为止没有成功

我已经尝试了以下方法，但都不起作用，我显然无法找到正确的方法

document.getElementsByName("EmailAddress")[0].setAttribute("tabIndex", "1");
document.getElementsByName("PostalCode")[0].setAttribute("tabIndex", "2");
document.getElementsByClass("at-submit")[0].setAttribute("tabIndex", "3");

这很有效

请注意，我只是增加元素以获得更高的索引

constdisplaytabindex=（name，{tabIndex}）=>console.log（`${name}-${tabIndex}`）；
document.addEventListener（'DOMContentLoaded'，（）=>{
const tel=document.querySelector（'input[type=“tel”）；
const pCode=document.querySelector（'input[name=“PostalCode”]”）；
displayTabIndex（'tel'，tel）；
displayTabIndex（'pCode'，pCode'）；
pCode.setAttribute（'tabIndex'，3）；
displayTabIndex（'tel'，tel）；
displayTabIndex（'pCode'，pCode'）；
})；

Aaron，加载DOM后是否运行代码？@Bibberty我想是的，因为我知道的很少-完整脚本是$（document）.ready（function（）{document.getElementsByName（“EmailAddress”）[0].setAttribute（“tabIndex”，“1”）；document.getElementsByName（“PostalCode”）[0].setAttribute（“tabIndex”，“2”）；document.getElementsByClass（“提交时”）[0].setAttribute（“tabIndex”，“3”）；}）；不幸的是，这对我的案例不起作用。我不确定我的实现是否有误，或者我是否没有在此处充分解释我的用例。我所针对的输入没有id。这里是PostalCode输入，例如：我更改了querySelector和PostalCode元素以匹配您所拥有的内容，它现在起作用了吗？不幸的是，这没有产生noti可更改。注释长度阻止我粘贴所有涉及的输入，但上面的一个字段当前是第一个输入，但我想要第二个。第二个字段（我想要第一个）有attr.type=email和name=EmailAddress，最后一个是提交按钮，它是一个输入（不是按钮）使用type=submit and class。在submit选项卡上，订单当前为postal，email，submit，我正在尝试将其发送到email，postal，submit。我感谢您的帮助，我感觉自己像个大傻瓜，现在必须离开。如果您还没有解决问题，我会在早上查看。您可以将代码放入JSFIDLE并在那里进行处理吗？当然-我在这里这是由第三方脚本生成的完整表单HTML。这里有很多多余的东西，我们需要关心的是切换这个选项卡顺序。这里的全部问题是，我无法从客户端可靠地访问表单所基于的平台，所以我正试着解决它，但我是一名设计师，不是一名设计师开发人员的h。