Un document.createElement, l'ajoute deux fois, ne s'affiche qu'une seule fois

J'ai un bouton que je veux utiliser au début et à la fin de la page:

var button_save = document.createElement('button'); $("#compteurs").append(button_save); [...] $("#compteurs").append(button_save); 

Mais il apparaît uniquement à la fin de la page. Si je le supprime du bas de la page, il apparaît au début de la page. C'est une sorte de pointeur. Existe-t-il un moyen de créer le bouton une seule fois et de l'utiliser deux fois? Merci!

Vous pouvez utiliser .clone() , comme ceci:

 var button_save = $("<button />"); $("#compteurs").append(button_save); [...] $("#compteurs").append(button_save.clone()); 

Vous ne pouvez pas utiliser le même élément deux fois, mais vous pouvez le cloner:

 var button_save_1 = document.createElement('button'); var button_save_2 = button_save_1.cloneNode(true); $("#compteurs").append(button_save_1); [...] $("#compteurs").append(button_save_2); 

Edit: Juste pour clarifier, cloneNode est une méthode DOM intégrée dans le navigateur, et la méthode clone dans la réponse de Nick Craver est une méthode jQuery.