Give <a> element autofocus

Question

With the following code I try to give an a element autofocus when the page is loaded.

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

Whilst this works fine with input fields it doesn't work with that a element. Can anybody explain me while?

Regards

Answer 1

The problem is that you typed getElementById wrong, it should be an uppercase 'B'.

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

This should now work!