2012-03-05 78 views
0

使用下面的代碼,我嘗試給頁面加載時的元素自動對焦。給<a>元素自動對焦

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

雖然這與輸入字段很好地工作,它不適用於該元素。有人可以解釋我嗎?

問候

+0

...因爲在'a'元素中沒有輸入內容? – 2012-03-05 11:44:48

+1

你爲什麼要關注一個元素?我不認爲有一個真正的.focus()。也許用css突出顯示它? – 2012-03-05 11:45:11

+0

因爲它是一個交互式控件。按「tab」將依次進入下一個。按下'enter'將會出現鏈接。 – Quentin 2012-03-05 11:47:25

回答

1

的問題是,你輸入getElementById錯了,應該是一個大寫的「B」。

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

這應該現在工作!

+0

謝謝,這確實是導致問題的大寫'B'。 我並沒有完全意識到這一點。 由於有人問我爲什麼要給一個元素的焦點。在我的實現中,下一個按鈕是用a元素實現的。 此致 – orschiro 2012-03-05 19:28:28