HTML DOM Element attributes ιδιότητες

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

attributes ιδιότητες που επιστρέφουν τη συλλογή των ιδιοτήτων στο στοιχείο.

attributes ιδιότητες που επιστρέφει το NamedNodeMap.

NamedNodeMap

NamedNodeMap είναι μια μη σειριακή συλλογή παρόμοια με το μονοπώλιο των ιδιοτήτων του στοιχείου.

Με άλλα λόγια: Το NamedNodeMap είναι Αντικείμενο Attr.

Το NamedNodeMap παρέχει μια λίστα που μπορεί να επιστρέψει τον αριθμό των κόμβων. Αιτίες.

Μπορείτε να πρόσβαση στις γονικές κόμβους μέσω ονόματος ή αριθμητικού索引 (κατώφθαλμα). Ο αριθμός ξεκινά από το 0.

Δείτε επίσης:

HTML DOM Ιδιότητες

Παράδειγμα

Παράδειγμα 1

Πόσα ιδιότητες έχει το στοιχείο <img>:

let numb = document.getElementById("myImg").attributes.length;

Προσπαθήστε να το δοκιμάσετε προσωπικά

Παράδειγμα 2

Εμφάνιση όλων των ιδιοτήτων του στοιχείου <img>:

const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;

Προσπαθήστε να το δοκιμάσετε προσωπικά

Παράδειγμα 3

Πόσα ιδιότητες έχει το στοιχείο <button>:

let numb = document.getElementById("myButton").attributes.length;

Προσπαθήστε να το δοκιμάσετε προσωπικά

Παράδειγμα 4

Λάβετε το όνομα της δεύτερης (index 1) ιδιοτήτων ενός στοιχείου <button>:

let attr = document.getElementById("myBtn").attributes[1].name;

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γλωσσική δομή

node.attributes

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

Τύπος Περιγραφή
NamedNodeMap Συλλογή αντικειμένων ιδιοτήτων.

Υποστήριξη από τους περιηγητές

element.attributes Είναι χαρακτηριστικά DOM Level 1 (1998).

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

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