HTML DOM Element nextSibling ominaisuus

Määrittely ja käyttö

nextSibling Ominaisuus palauttaa seuraavan solmun samalla puulla.

nextSibling Palauttaa Node-objektin.

nextSibling Ominaisuudet ovat lukuun ottamatta luettavia.

Huomaa

nextSibling Palauttaa seuraavan veljen node: elementti, tekstinode tai kommentti.

Väliä elementtien välillä ovat myös tekstityökaluja.

Vaihtoehto:}

nextElementSibling -ominaisuus - nextElementSibling palauttaa seuraavan sisaruselementin (pihdättämättä tekstitausta ja kommenttisoluja).

Katso myös：

previousSibling -ominaisuus

firstChild -ominaisuus

lastChild -ominaisuus

childNodes -ominaisuus

hasChildNodes() -menetelmä

HTML-solu ja elementti

HTML- HTML DOM（Dokumenttiobjektit malli）-mallissa HTML-dokumentti on solujen kokoelma, joilla on (tai ei ole) lapsisoluja.

solmutarkoittaa elementtisoluja, tekstitausta ja kommenttisoluja.

elementtivälilyönnit ovat myös tekstitausta.

ja elementti on vain elementtisolu.

sisarukset ja elementtisisarukset

sisarustarkoittaa "veljeä" ja "sisarta".

sisaruson solmu, jolla on sama isä-solu（samassa childNodes listassa）.

elementtien sisaruson elementti, jolla on sama isäelementti（samassa children listassa）.

ala-solu ja ala-elementti

childNodes palauttaaala-solu（elementtisolu, tekstitausta ja kommenttisoluja）.

children palauttaaala-elementti（ei palauta tekstita tai kommenttisoluja）.

nextSibling ja nextElementSibling

nextSibling palauttaa seuraavansolmu（elementtisolu, tekstitausta tai kommenttisoluja）. Elementtien väliset välilyönnit ovat myös tekstitausta.

nextElementSibling palauttaa seuraavanelementti（ei palauta tekstita tai kommenttisoluja）.

previousSibling ja previousElementSibling

previousSibling palauttaa edellisensolmu（elementtisolu, tekstitausta tai kommenttisoluja）. Elementtien väliset välilyönnit ovat myös tekstitausta.

previousElementSibling palauttaa edellisenelementti（ei palauta tekstita tai kommenttisoluja）.

esimerkki

Palauttaa luettelon seuraavan sisaruksen HTML-sisällön:

document.getElementById("item1").nextSibling.innerHTML;

kokeile itse

syntaksi

element.nextSibling

tai

node.nextSibling

palautusarvo

tyyppi kuvaus
solmu elementin seuraava sisarus
null Jos seuraavaa sisarusta ei ole.

selaimen tuki

element.nextSibling Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
tuki 9-11 tuki tuki tuki tuki