Μέθοδος setAttributeNode() του HTML DOM Element

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

setAttributeNode() Η μέθοδος προσθέτει το καθορισμένο attribute στο στοιχείο και επιστρέφει το αντικείμενο Attribute.

Αν το καθορισμένο attribute υπάρχει ήδη, αυτή η μέθοδος θα το αντικαταστήσει.

Εναλλακτική λύση:

Χρησιμοποιώντας Μέθοδος setAttribute() Εύκολα.

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

Παρατηρητικός οδηγός:

Μέθοδος getAttributeNode()

Μέθοδος removeAttributeNode()

Μέθοδος createAttribute()

Μέθοδος getAttribute()

Μέθοδος setAttribute()

Μέθοδος hasAttribute()

Ατрибούτο value

Οντότητα HTML DOM Attribute

Εκμάθηση:

HTML Χαρακτηριστικά

Διαφορά μεταξύ setAttribute() και setAttributeNode()

setAttribute() Μέθοδος αντικατάστασης της τιμής του attribute.

setAttributeNode() Μέθοδος αντικατάστασης του αντικειμένου Attribute.

Πριν προσθέσουμε το attribute στο στοιχείο, πρέπει να δημιουργήσουμε το αντικείμενο Attr και να ορίσουμε την τιμή του Attr.

Το αποτέλεσμα θα είναι το ίδιο.

Παράδειγμα

Παράδειγμα 1

Ορίζουμε το attribute node της class για το πρώτο στοιχείο <h1>;

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

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

Πριν από τη ρύθμιση:

Hello World

Μετά τη ρύθμιση:

Hello World

Παράδειγμα 2

Ρύθμιση του κόμβου του χαρακτηριστικού href του στοιχείου <a>:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

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

Πριν από τη ρύθμιση:

Επισκεφθείτε το codew3c.com

Μετά τη ρύθμιση:

Επισκεφθείτε το codew3c.com

Γλώσσα

element.setAttributeNode(newAttr)

Παράμετρος

Παράμετρος Περιγραφή
newAttr Απαιτείται. Προσδιορίζει το στοιχείο Attr που πρέπει να προσστείται ή το στοιχείο Attr το οποίο η τιμή του πρέπει να τροποποιηθεί.

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

Τύπος Περιγραφή
Όνειρο

Παρουσιάζει το αντικείμενο Attr του κόμβου που αντικαταστάθηκε.

Αν δεν αντικαταστάθηκε καμία ιδιότητα, θα είναι null.

Ανακάλυψη

Αυτή η μέθοδος θα προκαλέσει εξαίρεση DOMException που περιέχει τον παρακάτω κώδικα:

Εξαίρεση Περιγραφή
INUSE_ATTRIBUTE_ERR newAttr Είναι μέλος της συλλογής ιδιοτήτων άλλου στοιχείου Element.
NO_MODIFICATION_ALLOWED_ERR Το τρέχον στοιχείο Element είναι αναγνωριστικό, δεν επιτρέπεται η τροποποίηση των ιδιοτήτων του.
WRONG_DOCUMENT_ERR newAttr Η ιδιότητα ownerDocument είναι διαφορετική από το στοιχείο Element που θέλει να ρυθμίσει.

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

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

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

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