javaScript wrapper nedir?

wrap() Fonksiyonu Seçilen HTML elementin etrafını belirtilen HTML elementiyle sarar. Bu methodu Jquery kütüphanesinde DOM işleri konusunda en yaygın kullanılan method'dur.

Basit Dom işlerinde jquery kütüphanesini dahil etmek hiçde iyi bir yol değildir. jquery 85kb bir alan kaplar buda sitemizin yüklenmesini yavaşlatabilir. Bir sınıf ekleme silme veya HTML elementi başka bir HTML etiketiyle sarma gibi ortak görevleri yerine getirmek için etkili, yerel yollara sahip olmak önemlidir. javaScript'de böyle bir method bulunmadığı için kendimiz wrap() Fonksiyonu oluşturacağız.


function wrap(el, wrapper) {

    el.parentNode.insertBefore(wrapper, el);

    wrapper.appendChild(el);
}

Wrap() fonksiyonun kullanılması:

Sınıf adı "test" olan prağraf oluşturalım ve "div" etiketi ile saralım.

HTML:


<p id="test">bu bir yazı</p> 

Javascript:


function wrap(el, wrapper) {

    el.parentNode.insertBefore(wrapper, el);

    wrapper.appendChild(el);
}


el = document.getElementById("test");

wrapper = document.createElement('div');

wrapper.setAttribute("class", "demo");

ÇIKTI:

Öğenin HTML'si şöyle görünecektir:


<div class="demo">

<p id="test">bu bir yazı</p>

</div>

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

2867

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.