Proprietăți firstChild, lastChild, nextsibling, parentNode și previoussibling element XML

Bună ziua, dragi vizitatori okITgo.ru! Astăzi, propunem să ia în considerare proprietățile elementului obiect XML, care permite accesul la site-uri, și anume firstChild - primul copil, lastChild - ultimul element copil, nextSibling - următorul nod frate, parentNode - elementul părinte și previousSibling - nod frate precedent.

proprietate firstChild

Identificarea și utilizarea

proprietate firstChild returneaza primul nod copil al nodului selectat

Dacă nodul selectat nu are copii, această proprietate se va întoarce NULL.

Sfaturi și note

Notă: Firefox și cele mai multe alte browsere vor interpreta goale caracterele de spațiu alb și sfârșiturile de linie ca noduri de text, în contrast cu browser-ul Internet Explorer. Astfel, în exemplul de mai jos avem o funcție care verifică tipul de nod al primului element copil.

Nodurile sunt elemente de tip nod 1, astfel încât în ​​cazul în care primul nod copil nu este un element de nod, funcția trece la nodul următor, și verifică-l (dacă acesta este un membru). Acest lucru continuă până când se găsește primul nod copil (care trebuie să fie un nod element de). Ca urmare, rezultatul operației de cod este aceeași în toate browserele.

Următorul cod încarcă fragmentului „books.xml“ în xmlDoc folosind loadXMLDoc () și pentru a obține primul nod copil:

// verifica dacă primul nod copil al unui element
Funcția get_firstchild (n)
x = n.firstChild;
în timp ce (x.nodeType! = 1)
x = x.nextSibling;
>
întoarce x;
>

pentru (i = 0; i if (firstNode.childNodes [i] .nodeType == 1)
// Numai unitățile de proces - articole
document.write (firstNode.childNodes [i] .nodeName);
document.write ( "=");
document.write (firstNode.childNodes [i] .childNodes [0] .nodeValue);
document.write ( "");
>
>

Codul de ieșire de mai sus va fi:

proprietate lastChild

Identificarea și utilizarea

proprietate lastChild returneaza ultimul nod copil al elementului selectat

Dacă nodul selectat nu are copii, această proprietate returnează NULL.

Sfaturi și note

Notă: Firefox și cele mai multe alte browsere vor interpreta goale caracterele de spațiu alb și sfârșiturile de linie ca noduri de text, în contrast cu browser-ul Internet Explorer. Astfel, în exemplul de mai jos avem o funcție care verifică tipul de nod al ultimului element copil.

Nodurile sunt elemente de tip nod 1, astfel încât, dacă ultimul nod copil nu este un element de nod, funcția trece la nodul și verificările anterioare (dacă acesta este un membru). Acest lucru continuă până când se găsește nodul ultimul copil (care trebuie să fie un nod element de). Ca urmare, rezultatul operației de cod este aceeași în toate browserele.

Pentru a citi mai multe despre diferențele dintre browsere, consultați browser-ului DOM post.

Următoarele sarcini fragment de cod "" în xmlDoc, folosind loadXMLDoc (). și găsește ultimul nod copil:

// verifica faptul că ultimul nod copil este un element
Funcția get_lastchild (n)
x = n.lastChild;
în timp ce (x.nodeType! = 1)
x = x.previousSibling;
>
întoarce x;
>

pentru (i = 0; i if (lastNode.childNodes [i] .nodeType == 1)
// Numai proces nodurile elementelor
document.write (lastNode.childNodes [i] .nodeName);
document.write ( "=");
document.write (lastNode.childNodes [i] .childNodes [0] .nodeValue);
document.write ( "");
>
>

Codul de ieșire de mai sus va fi:

proprietate nextSibling

Identificarea și utilizarea

proprietate nextSibling returneaza urmatorul nod frate (următorul nod de pe același nivel al arborelui) a elementului selectat

În cazul în care acest nod nu este prezent, această proprietate se va întoarce null.

Sfaturi și note

Notă: Firefox și cele mai multe alte browsere vor interpreta goale caracterele de spațiu alb și sfârșiturile de linie ca noduri de text, în contrast cu browser-ul Internet Explorer. Astfel, în exemplul de mai jos avem o funcție care verifică tipul de nod asistență medicală nod următor.

Nodurile sunt elemente de tip nod 1, astfel încât, dacă următorul nod frate nu este un element de nod, funcția continuă să-l merge nodul și verifică (dacă acesta este un membru). Aceasta se continuă până se găsește următorul nod frate (care ar trebui să fie un nod elementului). Ca urmare, rezultatul operației de cod este aceeași în toate browserele.

Pentru a citi mai multe despre diferențele dintre browsere, consultați browser-ului DOM post.

Următoarele sarcini fragment de cod "books.xml" în xmlDoc, folosind loadXMLDoc (). si primeste urmatorul nod frate al primului element :</p> <p>// verificați că următorul nod frate este un nod element de<br> Funcția get_nextsibling (n)<br> x = n.nextSibling;<br> în timp ce (x.nodeType! = 1)<br> x = x.nextSibling;<br>><br> întoarce x;<br>></p> <p>x = xmlDoc.getElementsByTagName ( "titlu") [0];<br> document.write (x.nodeName);<br> document.write ( "=");<br> document.write (x.childNodes [0] .nodeValue);</p> <p>document.write ( "nod frate următor");<br> document.write (y.nodeName);<br> document.write ( "=");<br> document.write (y.childNodes [0] .nodeValue);</p> <p>Codul de ieșire de mai sus va fi:</p> <p>titlu = moonshine și alte băuturi spirtoase de casă<br> Urmatorul nod frate: autor = Baidakova Irina</p> <div class="vnizine"><p style="text-align: left;"><a href="/revista-39/de-ce-ne-este-frica-de-paianjeni.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/revista-39/interpretarea-vis-de-tigru-pui-ce-vise-in-timpul.html">Pagina următoare</a></p> </div> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-128/rezumat-quiz-cognitiv-pe-chimie-ghiciti-elementul.html">Rezumat quiz cognitiv pe chimie, ghiciți elementul chimic - banca de rezumate, eseuri,</a></li> <li><a href="/utilizator-173/sunt-o-mireasa.html">Sunt o mireasă</a></li> <li><a href="/utilizator-192/pastrati-pielea-de-pe-piele-cu-restylane.html">Păstrați pielea de pe piele cu restylane</a></li> <li><a href="/utilizator-142/desert-padurea-neagra-cel-mai-delicios-portal-al.html">Desert - pădurea neagră - cel mai delicios portal al RuNet</a></li> <li><a href="/utilizator-185/secretul-buclelor-stralucitoare-ale-unei-masti-de.html">Secretul buclelor strălucitoare ale unei măști de păr cu cafea</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap216.html">sitemap</a></li> <li><a href="/sitemap/sitemap260.html">sitemap</a></li> <li><a href="/sitemap/sitemap680.html">sitemap</a></li> <li><a href="/sitemap/sitemap702.html">sitemap</a></li> <li><a href="/sitemap/sitemap1018.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <script> new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </p> </div> </div> </div> </footer> </div> </div></body> </html>