javascript dynamic textbox change focus

Question

У меня есть HTML-форма с некоторым статическим текстовым полем и кнопка, которая создаст динамические текстовые поля. Теперь, когда нажата кнопка, я хочу, чтобы новый созданный ящик был сфокусирован. Я использую метод focus(), но он не работает. Другое дело, у меня есть метод OnFocus(), который изменит цвет фона, который работает в статических коробках, но не в динамических коробках

function addPhone(){ 
try{ 
    var phone = document.getElementById("phone"); 
    phone.appendChild(document.createElement("Phone"+noOfPhones)); 

    var textbox = document.createElement("input"); 
    textbox.setAttribute("type", "textbox"); 
    textbox.setAttribute("id","phone"+noOfPhones); 
    textbox.setAttribute("name","phone"+noOfPhones); 

    textbox.setAttributte('onFocus','onFocus(this);'); 
    textbox.style.background="lightgrey"; 

    document.getElementById("phone").appendChild(textbox); 
    phone.appendChild(document.createElement("br")); 

    textbox.focus(); 

    noOfPhones++; 
}catch(err){ 
    alert(err); 
} 

} 

function onFocus(element){ 
element.style.background = "lightgrey"; 
} 

Пожалуйста, помогите. Я новичок в JS. Благодаря

Answer 1

Try:

<div id="phone"></div> 
<input type="button" onclick="addPhone()" value="Add"/> 
<script type="text/javascript"> 
var noOfPhones=0; 
function addPhone(){ 
    try{ 
     noOfPhones++; 
     var phone = document.getElementById("phone"); 
     phone.appendChild(document.createTextNode("Phone :"+noOfPhones)); 
     var textbox = document.createElement("input"); 
     textbox.setAttribute("type", "textbox"); 
     textbox.setAttribute("id","phone"+noOfPhones); 
     textbox.setAttribute("name","phone"+noOfPhones); 
     textbox.setAttribute('onfocus','onFocus(this, true);'); 
     textbox.setAttribute('onblur','onFocus(this, false);'); 
     textbox.style.background="white"; 
     document.getElementById("phone").appendChild(textbox); 
     phone.appendChild(document.createElement("br")); 
     textbox.focus(); 
    }catch(err){ 
     alert(err); 
    } 
} 

function onFocus(element, hasFocus){ 
if(hasFocus) 
    element.style.background = "lightgrey"; 
else 
    element.style.background = "white"; 
} 
</script>