Cómo enfocarse en el elemento que se carga después de cargar la página

Estoy usando el siguiente enfoque de hack-ish para centrarme en el elemento de entrada Stripe después de cargarlo:

<div id="card-element">
  <!-- Load stripe stuff here -->
</div>

// <script src="https://js.stripe.com/v3/"></script>
var card = elements.create('card', {style: style});
card.mount('#card-element');

setTimeout(function(){
    card.focus();
},1000);

ay una mejor manera de hacerlo, es decir, detectar cuáncard element es 'enfocable'. Si lo hago en la carga de la página, simplemente no ve el elemento (probablemente todavía no se haya agregado y, por lo tanto, no funciona).

Aquí hay un elemento de ejemplo:https: //stripe.github.io/elements-examples (No pude pegar un ejemplo de trabajo en jsfiddle, ya que no estaba seguro de cómo cargar una biblioteca externa).

Respuestas a la pregunta(1)

Su respuesta a la pregunta