insertBefore-metodi ja insertAfter-metodin toteuttaminen

Pikku roisto · Julkaistu 19.10.2018 11.17.51

js-natiivimetodi insertBefore käytetään uuden alkion lisäämiseen alkion eteen
Määritelmä:

Node.insertBefore()-metodi lisää solmun määritellyn vanhempisolmun lapsisolmuna ennen viitesolmua.

Syntaksi: parentElement.insertBefore(newElement, referElement)

Se on syytä huomioida
1. Jos lisättävä newElement on jo olemassa DOM-puussa, tämän menetelmän suorittaminen poistaa solmun DOM-puusta.
2. Jos referElement on nolla, newElement lisätään vanhempisolmun lapsisolmun loppuun

Koska JS:ssä ei ole insertAfter-metodia, miten tämä toiminto toteutetaan?

Elementtisolmulla on myös ominaisuus: nextSibling, joka osoittaa alkion seuraavaan sisarelementtiin, joka on nolla, jos se on jo lopullinen lapsisolmu.

Edellä mainitun perusteella insertAfter-funktio voidaan toteuttaa

Kirjautuminen näkyy.

Feiyiban · Julkaistu 22.10.2018 14.02.53

Ei hassumpaa

[JavaScript] insertBefore-metodi ja insertAfter-metodin toteuttaminen

Aiheeseen liittyvät julkaisut

Katsotut osuudet