Hozzáadása és törlése elemek dom

Tehát most van egy üres test és tegyük hozzá, hogy a tartály, ami működni fog.

A konzol böngésző fogjuk látni az üres DOM elem. És most, miután hoztunk létre, akkor helyezze be a DOM. Ehhez szükségünk van a AppendChild módszer.

Azaz, azt találtuk első yelement alkalmazást, majd hozzá, mint egy gyermek yelement címünket.

Ha megnézzük a böngészőben, kiderül, hogy van egy új, üres DOM elem.

De azt akarjuk, hogy yelement teremtett számunkra a szükséges osztályokat. Ehhez tudjuk meg osztályokat elemek által létrehozott className módszerrel.

Most, a böngésző, mi volt már a DOM-elem az osztályban. De most szeretnék is hozzá az új szöveg elemei. Tudjuk használni erre innerHTML módszer, amelyet már korábban tanulmányozták.

Most a böngésző Láthatjuk, hogy hozzá egy új DOM elem szöveget és az osztályt.

De vannak árnyalatok, hogy a módszer működik AppendChild. Adjunk hozzá belsejében div app egy másik div.

Ha megnézzük a böngészőben, valójában kikelt tartalmat először, majd miután azt levezetni létre yelement. Ez történik akkor, hogy a AppendChild módszer egészíti Element a legvégén. Ez azt jelenti, hogy ez az elem hozzá, mint az utolsó gyermek a szülő elem.

Mit csinálunk most? Végtére is, mi szeretnénk, hogy az első címet, majd a tartalmat. Ez a módszer segít .insertBefore. Úgy működik, ugyanúgy, mint a AppendChild, de hozzáteszi, DOM-elem egy olyan helyzetbe előtt az említett elemek. Azaz, az első érv, mi adja yelement aki szeretné szúrni, és a második, mielőtt bármilyen gyermek Elements beiktatunk.

Mivel azt szeretnénk, hogy helyezze be, mielőtt az első gyermek elem, fel tudjuk használni .firstChild módszert találni az első gyermek Elem alkalmazást.

Is, néha el kell távolítani DOM elemeket. Ez a módszer segít .removeChild. Mi egyszerűen meghatározza, hogy milyen yelement akarunk eltávolítani Parente.

Ez azt jelenti, felszólítjuk az alkalmazás removeChild, hogy távolítsa el a gyermek elem.

Van is egy egyszerűbb változata a rekord, amikor egyszerűen hívja fel .A Elements.

Ez a kód működni fog ugyanúgy.

Kapcsolódó cikkek