从超链接中删除 tabindex 属性

Question

我有一个 oracle apex 页面。我在其中定义了一个 tabscontainer 区域。该区域有两个子区域。每个子区域内都有一个超链接，其编码如下

<a class="t-Tabs-link" href="#SR_R1" role="presentation" tabindex="-1">
  <span>1</span>
</a>

在第一个区域和

<a class="t-Tabs-link" href="#SR_R2" role="presentation" >
  <span>2</span>
</a>

在第二区域。

我想使用 javascript 从此代码中删除第一个区域的tabindex属性，并将属性tabindex="-1"添加到第二个区域。我无法向此超链接添加 id，因为 oracle apex 不允许编辑默认的 html 属性。我怎样才能在不分配 id 的情况下做到这一点？或者有什么方法可以为这个超链接分配 id 吗？

Answer 1

您可以使用document.querySelector，并且不需要知道<a>ID。

您可以tabindex通过此删除。

document.querySelector('.t-Tabs-link:first-child').removeAttribute('tabindex');

可以tabindex通过这个来设置。

document.querySelector('.t-Tabs-link:last-child').setAttribute('tabindex', -1);