Ultimele tutoriale de dezvoltare web
 

HTML DOM createElement() Method

<Document Object

Exemplu

Crearea unui <button> Element:

var btn = document.createElement("BUTTON");

Rezultatul va fi:

Încearcă - l singur »

elemente HTML conține adesea text. Pentru a crea un buton cu text trebuie să creați , de asemenea , un nod text pe care îl adăugați la <button> elementului:

Exemplu

Crearea unui buton cu textul:

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>

Rezultatul va fi:

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

createElement() Metoda creează un Element nod cu numele specificat.

Sfat: utilizați createTextNode() metoda pentru a crea un nod de text.

Sfat: După ce este creat elementul, utilizați elementul. appendChild() sau elementul. insertBefore() metoda pentru al insera în document.


Suport pentru browser-

Metodă
createElement() da da da da da

Sintaxă

document.createElement( nodename )

Valorile parametrilor

Parametru Tip Descriere
nodename String Necesar. Numele elementului pe care doriți să creați

Detalii tehnice

Întoarcere Valoare: Un obiect Element, care reprezintă nodul Element creat
DOM Versiune: Nivelul Core 1 Document Object

Exemple

Mai multe exemple

Exemplu

Crearea unui <p> Element cu un text și adăugați - l la documentul:

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>
Încearcă - l singur »

Exemplu

Crearea unui <p> element și adăugați - l la un <div> Element:

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"
Încearcă - l singur »

<Document Object