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>
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.
Page last modified 00:48, 7 Lug 2007 by Federico