Create element

Cargando contenido...

/**
 * Crea un elemento HTML y lo agrega a otro elemento del DOM especificado
 *
 * @param string element - El tipo de elemento que se desea crear
 * @param string where - El elemento al que se agregará el elemento creado
 * @param array args - Los atributos y valores que se agregarán al elemento creado
 *
 * @return string result - El elemento HTML creado
 */
function createElement(element, where, args) {
  // Crea un elemento del tipo especificado
  let d = document.createElement(element);
  // Si se especificaron argumentos, agrega cada atributo y valor al elemento
  if (args) for (const [k, v] of Object.entries(args)) d[k] = v;
  // Agrega el elemento creado al elemento especificado en "where"
  where.appendChild(d);
  // Devuelve el elemento creado
  return d;
}

// Creamos un h3 con el texto Hello World
// y dos clases css
createElement('h3',document.body,{
  className: 'text-end text-primary',
  textContent: 'Hello World'
});