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 |
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 »