Hozzáadása és törlése csomópontok dom
Amellett, hogy szerkesztése meglévő elemekből, DOM-felület lehetővé teszi, hogy törölje, vagy új elemek az oldalon. Ez lehetőségeket nyit a szép dinamikus oldalak. A következő módszert kínál egy dokumentumot ebben a tekintetben.
csomópontokat távolítunk
removeChild ()
removeChild () módszerrel törölni csomópontok.
A cím egyértelmű, hogy ez az eljárás eltávolítja a gyermek csomópont. Ez removeChild () metódust meg kell hívni az elem, amely a szülő az eltávolított csomópont.
removeChild () eljárás visszatér egy hivatkozás a távoli objektum. Ezzel a készülékkel később dolgozni.
Nem kell keresni egy külön utalást a törölt elem és a szülő, akkor a relatív hivatkozás a szülő csomópont. Az alábbiakban egy példa, amelyben a létrehozott eltávolítja eltávolítása () módszer elem csomópontok. Akkor hivatkoznak közvetlenül a cserélhető elem.
Új helyszínek
Új csomópont a DOM nagyon egyszerű. Ez használ beépített módszerek a dokumentum objektum.
klónozóheiyekkei
Egy másik lehetőség, hogy hozzon létre egy site - a klónozás a meglévőt. Ez akkor hasznos, amikor szükség van, hogy az összetett, de az azonos típusú csomópontok.
cloneNode ()
cloneNode () módszert alkalmazunk a klónozó helyek.
elem. cloneNode (mélység) mélysége Logikai érték, amely jelzi a mélység a klónozás. Ha az argumentum igaz. akkor hajtson végre teljes klón az elem - az összes jellemzőjével és a beágyazott csomópontok. Ha megadja hamis. akkor az elem másolása nélkül gyermek csomópontok, de minden jó tulajdonsága. Ez az érv nem kötelező, de mindig célszerű megadni, hogy a különböző böngészők eltérő alapértékeket.
Használata cloneNode () vezethet dokumentum megjelenésének elemek ugyanazt az egyedi azonosítót azonosítója vagy neve nevét.
Ha a forrás elem attribútum azonosítója vagy neve. majd behelyezés előtt a dokumentumot módosítani kívánt attribútumokat egy elem klón.
hozzáadása hosts
Módszerek, új csomópontok a dokumentum szerkezete fel kell szólítani, hogy elem van, amelyen belül be kívánja illeszteni (azaz ez lesz a szülő elem beillesztése).
AppendChild ()
A legegyszerűbb módszer az, hogy helyezzen be egy új csomópont a dokumentumban - a AppendChild (). Ő beilleszt egy új csomópontot, hogy a végén a szülő elem. Plug-in egység lesz az utolsó a listán a gyermek elem csomópont.
insertBefore ()
Egy másik módszer az, hogy adjunk egy csomópont a dokumentum - insertBefore ().
Ez a módszer több egyetemes. Ez lehetővé teszi, hogy helyezze egy elemet bármely helyen a többi gyermek elemek, és nem csak a végén egy szülő.
replaceChild ()
Egy másik módja, hogy adjunk egy elemet, hogy az oldalon - használja a módszert replaceChild (). Egyesíti egyszerre két dolgot: Eltávolítja a csomópont, és hozza a helyére egy újat.
Az eljárás visszatér egy hivatkozás a távoli csomópont.
insertAdjacentHTML ()
Új csomópont a dokumentumban, akkor egyszerűen helyezze HTML-kód karakterlánc. Ehhez insertAdjacentHTML () módszerrel.
szülő. insertAdjacentHTML (beszúrási pontot, HTML-kód) helyezze a beszúrási pontot be szeretné illeszteni a kódot. Ez a hely viszonyított elem és lehet az alábbi értékeket:- beforebegin - közvetlenül a nyitó címke.
- afterbegin - közvetlenül a nyitó tag.
- beforeend - közvetlenül a záró.
- afterend - közvetlenül a záró címke.
Ez a módszer nem állítja vissza a meglévő tartalmát az elem, így sokkal gyorsabb, mint a innerHTML tulajdonság.
mozgó csomópontok
A fent leírt módszerek, új csomópontok a DOM dokumentum szerkezete, is fel lehet használni, hogy mozog a meglévők. Ehhez egyszerűen érvként meg kell adnia a készüléket mozgatni. Az említett tag automatikusan kiemelni a helyéről és be van dugva az új.
Másolása elemet (nem mozog), előzőleg létre kell hozni azt a módszert klón cloneNode ().