Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Js ile veri listeleme

 2 Mesajlar 757 Okunma
acebozum
tr.link

#1
Worza Worza WM Aracı Kullanıcı
  • Üyelik 21.04.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Developer,Öğrenci
  • Konum Ankara
  • Ad Soyad A** Y**
  • Mesajlar 75
  • Beğeniler 12 / 5
  • Ticaret 0, (%0)
örnek olarak böyle verilerimiz olsun

var brandscolors = [
{
brand: '500px',
color1: '#0099e5',
color2: '#ff4c4c',
color3: '#34bf49'
},
{
brand: 'Akamai',
color1: '#0099cc',
color2: '#ff9933',
},
{
brand: 'Alibaba',
color1: '#ff6a00',
}
];

bu verileri ul li ile nasıl listelerim ?
 

 

elektronikssl
webimgo

#2
emreyvz emreyvz .NET Core & Angular & PHP Kullanıcı
  • Üyelik 19.04.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** Y**
  • Mesajlar 691
  • Beğeniler 110 / 250
  • Ticaret 24, (%100)
HTML







Javascript


var brandscolors = [
{
brand: 'ABC',
color1: '#0099e5',
color2: '#ff4c4c',
color3: '#34bf49'
},
{
brand: 'Akamai',
color1: '#0099cc',
color2: '#ff9933',
},
{
brand: 'Alibaba',
color1: '#ff6a00',
}
];

brandscolors.forEach(function(element) {
var div = document.createElement("div");
div.style.width = "100px";
div.style.height = "100px";
div.style.background = element.color1;
div.style.color = "black";
div.innerHTML = element.brand;
document.getElementById("main").appendChild(div);
});



Kolay gelsin.
 

 

Realtime Toggle Switch
Search Filtre Karekter sorunu
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al