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.
Csak beforebegin és afterend használjuk egyetlen tag. HTML-kód stringet a HTML-kódot.

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 ().

Kapcsolódó cikkek