Μέθοδος item() του NodeList του HTML DOM

Ορισμός και χρήση

item() Η μέθοδος επιστρέφει το στοιχείο στην καθορισμένη θέση του NodeList.

Υπάρχουν δύο μεθόδους για να προσέξουμε το στοιχείο στην καθορισμένη θέση του καταλόγου:

list.item(index)

ή

list[index]

Η πιο απλή και πιο συχνά χρησιμοποιούμενη μέθοδος είναι [index]。

Παράδειγμα

Παράδειγμα 1

Αποκτήστε τα υποστοιχεία του στοιχείου <body>:

const nodeList = document.body.childNodes;

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αποκτήστε το όνομα του πρώτου υποστοιχείου:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Το αποτέλεσμα αυτού του παραδείγματος είναι το ίδιο:

const list = document.body.childNodes;
let name = list[0].nodeName;

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Αποκτήστε το περιεχόμενο HTML του πρώτου στοιχείου <p> του έγγραφου:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Αποκτήστε το περιεχόμενο HTML του πρώτου <p> στο "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Δοκιμάστε το προσωπικά

Παράδειγμα 6

Αλλάξτε το περιεχόμενο HTML του πρώτου <p> στο "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Δοκιμάστε το προσωπικά

Παράδειγμα 7

Αλλάξτε τον χρώμα όλων των στοιχείων με class="child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Δοκιμάστε το προσωπικά

Γλώσσα

nodelist.item(index)

ή συντομευμένα ως:

nodelist[index]

Παράμετρος

Παράμετρος Περιγραφή
index

Απαιτείται. Η ετικέτα του κόμβου στη λίστα (υποσύνολο).

Οι κόμβοι ταξινομούνται κατά τη σειρά που εμφανίζονται στο έγγραφο.

Η ετικέτα ξεκινά από 0.

Αποτελεσματική επιστροφή

Τύπος Περιγραφή
Όντομο Ο κόμβος στην καθορισμένη ετικέτα.
null Αν η ετικέτα索引 εκπέμπει από το φάσμα.

Υποστήριξη περιηγητών

nodelist.item() είναι χαρακτηριστικό DOM Level 1 (1998).

Όλες οι σύγχρονες περιηγητές υποστηρίζουν το:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Πρότυπο length

Μέθοδος entries()

Μέθοδος forEach()

Μέθοδος keys()

Μέθοδος values()

Όντομα NodeList

Μέθοδος childNodes()

Μέθοδος querySelectorAll()

Μέθοδος getElementsByName()