Örnek
Bir oluşturun <button> elemanı:
var btn = document.createElement("BUTTON");
Sonuç şu olacaktır:
Kendin dene " HTML öğeleri genellikle metin içeriyor. Ayrıca size eklenecek bir metin Düğümü oluşturmalısınız metin ile bir düğme oluşturmak için <button> elemanı:
Örnek
metin ile bir düğme oluşturun:
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>Sonuç şu olacaktır:
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
createElement() yöntem belirtilen adı taşıyan bir eleman düğüm oluşturur.
İpucu: kullan createTextNode() Bir metin düğümü oluşturmak için yöntem.
İpucu: eleman oluşturulduktan sonra kullanmak elemanı. appendChild() ya da elemanı. insertBefore() metodu belgesine eklemek için kullanılır.
Tarayıcı Desteği
| Yöntem | |||||
|---|---|---|---|---|---|
| createElement() | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
document.createElement( nodename )Parametre Değerleri
| Parametre | tip | Açıklama |
|---|---|---|
| nodename | String | Gereklidir. Oluşturmak istediğiniz elemanın adı |
Teknik detaylar
| Geri dönüş değeri: | oluşturulan eleman düğümü temsil eden bir element obje, |
|---|---|
| DOM Versiyon: | Çekirdek Seviye 1 Belge Nesne |
Diğer Örnekler
Örnek
Bir oluşturun <p> Bazı metin ile eleman ve belgeye ekler:
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> Kendin dene " Örnek
Bir oluşturun <p> elemanı ve bir sonuna ekler <div> elemanı:
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" Kendin dene "