Esempio
Creare un <button> elemento:
var btn = document.createElement("BUTTON");
Il risultato sarà:
Prova tu stesso " elementi HTML contengono spesso del testo. Per creare un pulsante con il testo è necessario creare anche un nodo di testo, che si aggiunge al <button> elemento:
Esempio
Creare un pulsante con il testo:
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>Il risultato sarà:
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il createElement() metodo crea un nodo elemento con il nome specificato.
Suggerimento: Utilizzare la createTextNode() metodo per creare un nodo di testo.
Suggerimento: Dopo aver creato l'elemento, utilizzare l' elemento. appendChild() o elemento. insertBefore() il metodo per inserirlo al documento.
Supporto browser
| Metodo | |||||
|---|---|---|---|---|---|
| createElement() | sì | sì | sì | sì | sì |
Sintassi
document.createElement( nodename )valori dei parametri
| Parametro | Tipo | Descrizione |
|---|---|---|
| nodename | String | Necessario. Il nome dell'elemento che si desidera creare |
Dettagli tecnici
| Valore di ritorno: | Un oggetto Element, che rappresenta il nodo Element creato |
|---|---|
| DOM Versione: | Nucleo livello di oggetto di documento 1 |
Altri esempi
Esempio
Creare un <p> elemento con un testo, e aggiungerlo al documento:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> Prova tu stesso " Esempio
Creare un <p> elemento e aggiungerlo ad un <div> elemento:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" Prova tu stesso "