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

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

setAttribute() Η μέθοδος προσθέτει την καθορισμένη ιδιότητα και την ορίζει με την καθορισμένη τιμή.

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

Λήψη υπόψη:Το αντικείμενο HTMLElement του HTML εγγράφου ορίζει επίσης τις ιδιότητες JavaScript για όλες τις τυποποιημένες ιδιότητες HTML. Επομένως, χρησιμοποιήστε αυτή τη μέθοδο μόνο όταν χρειάζεστε να ρυθμίσετε μη τυποποιημένες ιδιότητες.

Για περισσότερες πληροφορίες, δείτε:

Εγχειρίδιο αναφοράς:

Μέθοδος getAttribute()

Μέθοδος removeAttribute()

Μέθοδος hasAttribute()

Μέθοδος hasAttributes()

Μέθοδος getAttributeNode()

Μέθοδος setAttributeNode()

Μέθοδος removeAttributeNode()

Εκμάθηση:;

HTML Σημείωση

Παράδειγμα

Παράδειγμα 1

Προσθέστε την ιδιότητα class στο στοιχείο;

element.setAttribute("class", "democlass");

Πριν την προσθήκη:

Αντικείμενο Element

Μετά την προσθήκη:

Αντικείμενο Element

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

Παράδειγμα 2

Αλλάξτε το πεδίο εισαγωγής σε κουμπί:

myInput.setAttribute("type", "button");

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

Πριν την αλλαγή:

Μετά την αλλαγή:

Παράδειγμα 3

Προσθέστε την ιδιότητα href στο στοιχείο <a>:

myAnchor.setAttribute("href", "");

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

Πριν την προσθήκη:

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

Μετά την προσθήκη:

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

Παράδειγμα 4

Αλλάξτε την τιμή της ιδιότητας target σε "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

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

Γλώσσα

element.setAttribute(name, value)

Παράμετροι

Παράμετροι Περιγραφή
name Απαιτείται. Το όνομα της ιδιότητας.
value Απαιτείται. Νέα τιμή της ιδιότητας.

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

Δεν υπάρχει.

Ανακύπτει

Εξαιρετικά Περιγραφή
INVALID_CHARACTER_ERR Παράμετροι name Δεν επιτρέπονται χαρακτήρες που δεν επιτρέπονται στους ονόματα των HTML ή XML attributes.
NO_MODIFICATION_ALLOWED_ERR Το στοιχείο του παρόντος είναι αναγνωριστικό, δεν επιτρέπεται να τροποποιηθεί η ιδιότητά του.

Σημείωση

Μπορείτε να προσθέσετε στο στοιχείο ένα style attribute με τιμή, αλλά δεν συνιστάται να το κάνετε αυτό, καθώς θα καλύψει άλλες ιδιότητες του style attribute.

Παρακαλώ χρησιμοποιήστε τις ιδιότητες του αντικειμένου Style:

Μειονεκτήματα:

element.setAttribute("style", "background-color:red;");

Προσθήκη:

element.style.backgroundColor = "red";

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

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

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

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