Javascript

JavaScript Dinamik Div Oluşturma

Bu yazıda JavaScript kullanarak bir div içine div oluşturmayı göstereceğim. JavaScript ile bir nesne oluşturmak için document.createElement fonksiyonu kullanılır. Aşağıda oluşturulan örnekte butona tıkladıkça div#panel içine div.kutu  nesnelerini ekleme yapacağız.

Mevcut örnekte div oluşturulup, bu divin içine “Merhaba Dünya” yazısı yazdırılacak ve stil olarak .kutu tanımlaması yapılacaktır.

Div içinde div oluşturma örneği:

 

 

1 Yorum

  • bir diziden Object.keys(items).length değeri alıyorum 3 , 5 ,7 gibi bir rakam veriyor bu rakamda div oluşturmayı nasıl yapabiliriz hocam bir fikrin varmı.yani gelen değer 3 ise üç div oluşturacak bunuda tıklamadan sayfa açılışında yapacak.

Yorum yap

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya Devam Edin