Egyedi elemek egyedi elemek

"Web Components" platform magában foglalja a több Web Components szabványoknak. akik a munkálatok.

Kezdjük egy szabványos egyedi elemek. amely lehetővé teszi, hogy saját elemtípusokra.

Azonban az alapértelmezett elem nem szabványos neve (pl ) Látható a böngésző, mint valami homályos, érthetetlen. Ez megfelel HTMLUnknownElement osztályban. és nem rendelkezik semmilyen különleges módszerekkel.

Egyedi elemei szabvány lehetővé teszi az új elemek tulajdonságait írjuk le, módszerek, és állapítsa meg a DOM, tervező hasonlóság és így tovább.

Lássuk be példákat.

Példák ajánlott Chrome

Mivel a leírás nem végleges, akkor fut a minta használata ajánlott Google Chrome, jobb - a legújabb verzióra a Chrome Canary. amelyek hajlamosak tükrözik a legújabb változásokat.

hívja használják document.registerElement (a név leírni az új elem, ).

  • neve - az új tag nevét, mint a "mega-select". Ennek tartalmaznia kell egy kötőjelet „-”. A specifikáció előírja kötőjellel jövőbeli konfliktusok elkerülése érdekében szabványos HTML-elemeket. Ön nem hozhat létre egy elem vagy időzítő myTimer - hiba lenne.
  • prototípus - prototípus objektum az új elem, meg kell örökölnek HTML-elem. hogy az elem volt szokásos tulajdonságok és módszerek.

Itt például egy új elemmel :

Ehhez a böngésző egy speciális módja a „frissítése” a meglévő elemek.

Amikor a böngésző lát egy eleme az ismeretlen név, amelyben van egy kötőjel - (ezek az elemek úgynevezett «megoldatlan»), akkor:

  • Leteszi ez a különleges eleme a CSS pszeudo: megoldatlan. a CSS-en keresztül lehetett mutatni, hogy ő még mindig „nem teher.”
  • Ha telefonál registerElement ilyen elemeket automatikusan frissíti a helyes osztályban.

Az alábbi példában az elem nyilvántartásban előfordul, 2 másodperc után megérkezik a jelölésben:

Amikor létrehoz egy új elem a JS, ha használ húzódik. meg kell adnia a forrást és a címke, beleértve:

A prototípus elemében tudjuk meg speciális módszerek, melyek kénytelenek lesznek létrehozni, adjunk hozzá, és távolítsa el az elemeket a DOM:

Kapcsolódó cikkek