How to set the focus on a html element ?

I use document.getElementById('ID_HTML_wanted').focus(); but my html element "ID_HTML_wanted" as not the focus. I user jquery api .focus

How to set the focus on a html element ?

I use document.getElementById('ID_HTML_wanted').focus(); but my html element "ID_HTML_wanted" as not the focus. I user jquery api .focus

• javascript
• jquery
• focus

• 1 Stupid, i have omit to set focus when DOM is ready : $( document ).ready(function() { document.getElementById('ID_HTML_wanted').focus(); }); – immobiluser Commented Oct 18, 2011 at 22:11

2 Answers 2

Try to wrap your code to this code so it executes AFTER DOM is ready

$(function(){
    //your code
});

so it will become

$(function(){
    document.getElementById('ID_HTML_wanted').focus();
});

However, your element't don't have .focus() method, if you want to REALLY use jQuery's one, use

$(function(){
    $("#ID_HTML_wanted").focus();
});

Sorry, i have effectively omit to set focus when DOM is ready :

$( document ).ready(function() {
  $("#ID_HTML_wanted").focus();
});

All three of the following syntaxes of .ready() are equivalent:

$(document).ready(handler)
$().ready(handler) (this is not recommended)
$(handler)