HTML & Shadow DOM ile Nasıl Kullanılır
HTML Yuvası W3C tarafından üretilen en dikkat çekici standartlardan biridir. Bunu, adı verilen etkileyici başka bir W3C standardıyla birleştirin. şablonları, ve çalışmak için harika bir fikriniz var. Yapabilmek HTML elemanları oluştur ve ekle bir sayfaya JavaScript kullanarak gerekli ve önemli bir görevdir.
Bir kod snippet'inin kullanılması gerektiğinde faydalıdır sadece belirli zamanlarda görünür, veya benzer şekilde yapılandırılmış yüzlerce HTML öğesi yazmak istemediğinizde işlemi otomatikleştir.
JavaScript’te HTML öğeleri oluşturmak çok arzu edilmeyen. Tüm etiketleri içerip içermediğinizi kontrol etmek ve yeniden kontrol etmek zorunda kalmak, onları doğru sıraya koymak zor bir iştir. çok yazması ve takip etmesi gereken çok şey var. Bu kargaşa, ancak, bir çözüm buldum ne zaman etiketi belirdi. Bir şey olması gerekiyorsa sayfaya dinamik olarak eklendi, içine koyabilirsiniz eleman.
Bu yazıda, nasıl kullanabileceğinizi size göstereceğim JavaScript’le birlikte küçük bir HTML tablosu fabrikası yarat yüzlerce benzer tablo oluşturabilir ve doldurabilir.
etiketi, tarayıcılar tarafından oluşturulmayacak JavaScript'i kullanarak belgeye doğru şekilde ekleninceye kadar. eleman.
bir Gölge DOM normal bir DOM'a benzer (HTML'den ayrıştırılan belge modeli). O kapsamlı bir ağaç oluşturur (bir Gölge DOM ağacı) olan kendi kökü ve ayrıca bir kendi tarzı.
Shadow DOM ağacını ana belgedeki bir öğeye eklediğinizde - öğeye daha sonra gölge ev sahibi -, gölge ana bilgisayarın tüm alt öğeleri ile işaretlenmiştir. yarık özellik (yukarıda belirtilenlerle aynı değil)
Gölge DOM, bu makalenin yazıldığı tarih itibariyle (Temmuz 2017) yalnızca WebKit ve Blink tabanlı tarayıcılarda desteklenir ancak CanIUse’daki tarayıcı desteğinin gerçek durumunu istediğiniz zaman kontrol edebilirsiniz..
HTML’yi ayarlama
Hala kafa karıştırıcı? Hadi başlayalım bazı kodları görelim. eleman.
içeride Şablonun içinde, Ben de ekledim bazı temel stiller Tablo için , orada bir iyi plan olarak kullanmak için bazı tablolar oluşturmak bu bir belgeye eklenecektir. Var
ve ) yer tutucu olarak hareket etmek sütun başlıkları ve hücre değerleri için. Her yuvanın kendine özgü isim atfet tanımlar.