Para crear nuevos elementos, puedes utilizar el método
createElement con el cual puedes crear cualquier tipo de elemento HTML para luego añadirle propiedades e insertarlo en donde desees. Sin embargo, también puedes clonar elementos con el método
cloneNode, el cual crea un clon del elemento especificado. Con jQuery, lo primer es súper sencillo, solo necesitas escribir la estructura del elemento HTML dentro de paréntesis con
el objeto jQuery por delante, mientras que para lo segundo, existe el método
clone.
Con JavaScript nativo:
Código Javascript
:
Ver original//Crear elemento nuevo
var div = document.createElement("div");
//Clonar un elemento existente
var div = document.getElementById("id_div"),
clon = div.cloneNode();
Con jQuery:
Código Javascript
:
Ver original//Crear elemento nuevo
var div = $("<div></div>");
//Clonar un elemento existente
var clon = $("#id_div").clone();
Te sugiero leer la documentación respectiva, pues puedes tener inconvenientes al intentar clonar elementos ya que también se duplican los atributos, entre ellos el
id
el cual debe de ser único en el documento. También puedes clonar un conjunto de elementos.
Saludos