Javascript createElement kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #createelement

Javascript createElement kullanımı ile birlikte yeni nesneler, elemanlar oluşturabilmekteyiz.

Kullanımı : createElement("etiket")

createElement methodunda oluşturacağımız html etiketinin adını girmemiz yeterli olmaktadır. Daha sonra içerisine bir veri girmek ister isek innerHTML ile içerisini doldurabilmekteyiz.

var e = document.createElement("p");
document.body.appendChild(e);

Bizim html ile oluşturmadığımız p etiketini createElement() methodu ile oluşturduğumuzda içi boş bir şekilde aşağıdaki gibi body alanına eklenecektir.

var e = document.createElement("p");
e.innerHTML = "P etiketinin içi boş kalmasın";
document.body.appendChild(e);

Yukarıdaki örnekte ise ilk önce p elemanımızı oluşturmakta daha sonra içerisine veri girdikten sonra body alanına eklemektedir.