Javascript 如何在将元素添加到DOM中时立即聚焦该元素

Javascript 如何在将元素添加到DOM中时立即聚焦该元素,javascript,angular,Javascript,Angular,我有一个下拉列表显示在一个按钮点击。在单击按钮之前,此下拉列表在DOM中不可用。如何在将此下拉列表的第一个列表项添加到DOM后立即将焦点放在该列表项上 谢谢。例如:如果您的下拉元素id是selectstate,那么您可以使用getElementById来完成 下面的代码片段将帮助您在DOM上创建一个下拉按钮,然后对其进行聚焦。当然,你必须改进它 createDropdown=FunctionOptArray{ 让dd=document.createElementselect; dd.setAt

我有一个下拉列表显示在一个按钮点击。在单击按钮之前,此下拉列表在DOM中不可用。如何在将此下拉列表的第一个列表项添加到DOM后立即将焦点放在该列表项上


谢谢。

例如:如果您的下拉元素id是selectstate,那么您可以使用getElementById来完成


下面的代码片段将帮助您在DOM上创建一个下拉按钮,然后对其进行聚焦。当然,你必须改进它

createDropdown=FunctionOptArray{ 让dd=document.createElementselect; dd.setAttributeid,foo;
forvar i=0;i?下拉列表添加在DOM的末尾,并且绝对位于正在单击的按钮下方。@qxz element.focus不起作用:您有要聚焦的元素的引用吗?您能告诉我们您正在使用的代码吗?请阅读。@GünterZöchbauer,这确实有帮助。
   <select id="state" name="state">
<option value="AB">AB</option>
<option value="AC">AC</option>
</select>


window.onload = function() {

    document.getElementById("state").focus();
};