Javascript 给予<；a>；元件自动对焦

通过下面的代码，我尝试在加载页面时提供一个元素自动聚焦

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a>
<script>
    document.getElementbyId("next").focus();
</script>

document.getElementbyId（“next”）.focus（）；

虽然这适用于输入字段，但不适用于元素。有人能给我解释一下吗

---

关于

问题是您键入的

getElementById

错误，它应该是大写的“B”

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a>
<script>
    document.getElementById("next").focus();
</script>

document.getElementById（“next”）.focus（）；

---

现在应该可以了

…因为在

a

元素中没有可键入的内容？为什么要关注a元素？我不认为有一个真正的.focus（）。也许用css突出显示它？因为它是一个交互式控件。按

选项卡

将按顺序转到下一个选项卡。按

enter

将跟随链接。您正在哪个浏览器上测试？适用于我的chrome和ie。我假设

getElementbyId

是您的代码中没有出现的打字错误，如果我错了，请将其更改为

getElementbyId

。只是为了更清楚：自动聚焦链接对于使用辅助软件的人来说很有意义。例如，当弹出一个带有链接列表的模式窗口时，聚焦第一个链接以便用户可以轻松浏览该列表是有意义的。谢谢，确实是大写字母“B”造成了问题。我没有完全意识到这一点。因为有人问我为什么要给一个元素一个焦点。在我的实现中，下一个按钮是通过一个元素实现的。当做