Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

document.createElement

Crea un elemento con il nome tag specificato.

Sintassi

elemento = document.createElement(nomeTag);
  • elemento è l'oggetto element che verrà creato.
  • nomeTag è una stringa che specifica il tipo di elemento che verrà creato. La proprietà nodeName dell'elemento creato viene inizializzata con il valore di nomeTag.

Esempio

Questo esempio crea un nuovo tag <div> e lo inserisce prima dell'elemento avente come id "org_div1":

<html>
<head>
<title>||lavorare con gli elementi||</title>
</head>

<script type="text/javascript">
var mio_div = null;
var nuovoDiv = null;

function aggiungiElemento()
{
  // crea un nuovo elemento DIV
  // e gli assegna un contenuto
  nuovoDiv = document.createElement("div");
  nuovoDiv.innerHTML = "<h1>Ciao a tutti!</h1>";

  // aggiunge l'elemento appena creato e il suo contenuto al DOM
  mio_div = document.getElementById("org_div1");
  document.body.insertBefore(nuovoDiv, mio_div);
}

</script>

<body onload="aggiungiElemento()">
<div id='org_div1'>Il testo qui sopra è stato creato dinamicamente.</div>
</body>
</html>

Note

Se ci sono attributi conosciuti con i valori di default, i nodi attributo che li rappresentano vengono automaticamente creati ed associati all'elemento.

Per creare un elemento con un nome qualificato e l'URI di un namespace, si può utilizzare il metodo createElementNS.

L'implementazione di Gecko di createElement, nei documenti XUL e XHTML, non è conforme alle specifiche del DOM: le proprietà localName e namespaceURI dell'elemento creato non vengono impostate a null. Si veda il bug 280692 per ulteriori informazioni.

Specifiche

DOM 2 Core: createElement

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: teoli, khalid32, Federico
 Ultima modifica di: teoli,