Javascript - dom hozzáadása és eltávolítása, csomópontok, vezető IT

előző ◈ a következő

Ebben a leckében megtanuljuk, hogyan kell létrehozni elemek csomópontok (createElement) és szöveges csomópontok (createTextNode). Is figyelembe módszerek hozzáadására csomópontok egy fa (AppendChild. InsertBefore), és az eltávolítása facsomópontok (removeChild).

Hozzáadása csomópontok egy fa

Egy új csomópont a fát rendszerint elvégzett 2 szakaszból áll:

  1. Hozni a szükséges csomópont segítségével az alábbi módszerek:
    • createElement () - hoz létre az elem (node) a megadott nevet (tag). createElement (elem) módszer az egyik kötelező paramétert (elem) - tartalmazó karakterláncot a neve az új tag (címke). Adja meg az elem nevét (tag) a paramétert kell nagybetűvel. Ennek eredményeként a módszer visszaadja az elem, amely azért jött létre.
    • createTextNode () - létrehoz egy szöveges csomópont a megadott szöveget. createTextNode módszer (szöveg) egy kívánt paraméter (szöveg) - a szöveg tartalmazza a szöveg egy szöveges csomópont. Ennek eredményeként ez a módszer visszaadja a szöveget csomópont, amely azért jött létre.
  2. Határozza meg a helyét a fa, ahol be szeretné szúrni egy csomópontot. Ehhez használja az alábbi módszerek egyikét:
    • AppendChild () - hozzáad egy csomópontot, mint az utolsó gyerek az elem csomópont, amelyre ez a módszer kerül sor. Módszer AppendChild (node) egy szükséges paraméter a csomópont (node), amit hozzá kíván adni. Ennek következtében, az eljárás visszatér a hozzáadott csomópont.
    • insertBefore () - beszúrja egy csomópont, mint a gyermek elem csomópont, amelyre a módszert hivatkozott. insertBefore módszer (newNode, existingNode) két paramétert: newNode (szükséges) - a csomópontot kíván hozzáadni, existingNode (nem kötelező) - az a gyermek csomópont az elem, amelyre szükség van, hogy helyezze a csomópontot. Ha a második paraméter (existingNode) nem jelzi, hogy ez a módszer helyezze a végén, azaz az utolsó gyermek csomópont az elem, ami miatt ezt a módszert. Ennek eredményeként insertBefore () módszer visszaadja a behelyezett csomópontot.

Ehhez kövesse az alábbi lépéseket:

AppendChild () és insertBefore (), ha dolgozik a meglévő csomópontok

Munka meglévő csomópontok módszerekkel AppendChild () és insertBefore () is végeznek 2 fokozatban:

  1. Kap egy meglévő csomópontot a fán.
  2. Határozza meg a helyet, ahová be szeretné szúrni a csomóponton a AppendChild () metódus vagy insertBefore (). Ebben az esetben a csomópont kivesszük az előző helyen.

Például, hogy adjunk egy másik elem li. a szöveget tartalmazó „tábla” a lista tetején (ebben az esetben azt kell távolítani az előző helyen):

csomópontokat távolítunk

Törlése csomópont a fáról végzik 2 szakaszból áll:

  1. Ahhoz, hogy (találni) a csomópont a fában. Ez a művelet általában úgy végezzük, az alábbi módszerek: getElementById (). getElementsByClassName (). getElementsByTagName (). getElementsByName (). querySelector () vagy querySelectorAll ().
  2. Ok a removeChild () a szülőcsomópont. amely paraméterként át kell adnia a csomópont, hogy szeretnénk, hogy távolítsa el azt.
    removeChild () módszer értékét adja vissza a távoli csomópont, vagy null. ha a csomópont akarjuk törölni nem létezik.

Például, hogy távolítsa el az utolsó gyermek egy elem, amelynek id = „sajatazonosito”.

Például, hogy törölje az összes gyermek csomópontok egy elem, amelynek id = „myQuestion”:

Kapcsolódó cikkek

előző ◈ a következő