Ιδιότητα length του NodeList του HTML DOM

  • Προηγούμενη σελίδα keys()
  • Επόμενη σελίδα values()
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOM NodeList

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

Η ιδιότητα length επιστρέφει τον αριθμό των κόμβων στο NodeList.

Η ιδιότητα length είναι αναγνωριστική.

Παράδειγμα

Παράδειγμα 1

Επιτύχει τον αριθμό των υπο要素 της δομής του έγγραφου:

const nodeList = document.body.childNodes;
let number = nodeList.length;

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

Παράδειγμα 2

Επιτύχει τα υπο要素 του στοιχείου <body>:

const nodeList = document.body.childNodes;

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

Παράδειγμα 3

Περιέγραψτε τον αριθμό των υποκόμβων στο "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

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

Παράδειγμα 4

Πόσα <p> στο "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

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

Παράδειγμα 5

Περιηγήστε όλους τους <p> στο "myDIV" και αλλάξτε το μέγεθος γραμματοσειράς τους:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
για (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

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

Παράδειγμα 6

Περιηγήστε όλους τους υποκόμβους και συλλέξτε το όνομα κάθε κόμβου:

const list = document.body.childNodes;
let text = "";
για (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

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

Γραμματική

nodelist.length

Αποτελεσματικότητα

Τύπος Περιγραφή
Αριθμός Ο αριθμός των κόμβων στο NodeList.

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

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

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

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

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

Μέθοδος entries()

Μέθοδος forEach()

Μέθοδος item()

Μέθοδος keys()

Μέθοδος values()

Όνειρο NodeList

Μέθοδος childNodes()

Μέθοδος querySelectorAll()

Μέθοδος getElementsByName()

  • Προηγούμενη σελίδα keys()
  • Επόμενη σελίδα values()
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOM NodeList