JS 在创建元素节点与向body内加元素节点之间,有些方法执行不奏效

具体问题: 在加入元素节点前appendChild,为什么不能用focus() element.parentElement ?

需求:点击一个按钮,创造一个输入框,并立即获得焦点

详细描述:如果是在创建元素节点与向body内加元素节点之间,使用focus方法获得焦点,
该输入框却无法获得焦点。在测试时,我尝试用element.parentElement以获取父级元素,返回值却是个 null

可能是刚创建元素,立马操作获取不到该元素,所以等一等再去操作
focus() element.parentElement 用setTimeout 包一下,形成异步

setTimeout(() => {
        focus() element.parentElement 
      })