Go Dilinde Concurrency

2,183 More

Projedeki Git Dosyaları Nasıl Silinir?

1 7,663 More

yTheme

4 2,658 More

Sunucu Güvenliği | SSH (Secure Shell) Kullanımı

2 2,108 More

Truemag

  • PHP
  • Golang
  • Laravel
  • Linux
  • SQL
  • SEO
  • WordPress
  • Diğer
    • Yazılım
    • Javascript
    • Css/XHtml/W3C
    • Genel
    • Tanıtım
    • Ajax
  • Home
  • ANASAYFA
  • HAKKIMDA
  • SPONSORLUK
  • ARŞİV
  • İLETİŞİM
  • BENİMLE ÇALIŞMAK İSTER MİSİNİZ?

Javascript HTML Liste (ul, li) Fonksiyonu

javascript

Yazılım geliştirici olarak farklı projelerde ve farklı görevlerde çalışabiliyorum. Her yeni projede kullandığım faydalı araçları ve kodları da yakuter.com’da paylaşıyorum. İşte bu yazıda da frontend görevini üstlendiğim bir projede kullandığım javascript fonksiyonunu paylaşmak istiyorum. Bu fonksiyon sayesinde dizi (array) halindeki javascript verisini HTML list (ul, li) şeklinde çıktı olarak alabiliyorsunuz.

Javascript Diziyi HTML Liste (ul, li) Şeklinde Yazdırma

Javascript Fonksiyonu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function makeUL(array) {
    
     var list = document.createElement('ul');
 
     for(var i = 0; i < array.length; i++) {
         var item = document.createElement('li');
         item.appendChild(document.createTextNode(array[i]));
         list.appendChild(item);
     }
 
     return list;
}
 
var a = [ "Ford", "BMW", "Fiat" ];
 
document.getElementById('sonuc').appendChild(makeUL(a));

HTML Çıktısı

1
2
3
4
5
6
7
<div id="sonuc">
     <ul>
        <li>Ford</li>
        <li>BMW</li>
        <li>Fiat</li>
    </ul>
</div>
Jan 12, 2018Erhan Yakut
Cloud Sunucu


hosting

jQuery Türkçe Slug EklentisiWebsitede Sağ Tuşu ve Seçme (Highlight) İşlemini Engelleme
You Might Also Like
 
Üye Profilinde HTML Kullanmak
 
30 Saniyede Ajax Öğrenin
Erhan Yakut
3 years ago Javascripthtml, Javascript, js fonksiyonu903
Sponsorlar

sponsor

sponsor

sponsor

sponsor
Bağlantılar
  • Beyazıt Kölemen
  • Domatessuyu
  • Lezzetli Robot Tarifleri
  • Ofizzo
  • PHP Dersleri
  • Wordpress Hosting
Random Posts
Webit Kongresi Evrensel Devler Mücadalesi 2013
Bilmeseniz de Olur Bilgiler
CentOS Linux | Zip Uzantılı Dosyaları Açmak
Go ile Büyük JSON Dosyalarını Okuma
Sitenizin İstatistiğini Tutun
sdafasdf
Hakkımda

Bilişim Teknolojileri alanında içerik üretmek üzere oluşturulmuş olan Yakuter.com 2006 yılında Erhan Yakut tarafından hayata geçirilmiştir. devamını okuyun…

CLOUD SUNUCU DESTEĞİ
2006-2020 © Yakuter