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ànodeNamedell'elemento creato viene inizializzata con il valore dinomeTag.
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.