În această lecție vom cunoaște proprietățile și metodele elementelor (nodurilor) care sunt proiectate să funcționeze cu atributele lor. Cu aceste proprietăți și metode, puteți obține nu numai valori de atribute, ci și să le modificați, să adăugați atribute noi sau să ștergeți cele existente.
Proprietatea atributelor
Orice element (nod) are proprietatea atributelor. cu care puteți obține o colecție a atributelor sale (noduri), ca obiect NamedNodeMap. Fiecare atribut (nod) din această colecție are un nume care se potrivește cu numele atributului. Accesul la atributul (nodul) din această colecție se face prin indexul său sau prin metoda item (). Numărul de atribute (noduri) din această colecție începe la 0.
Pentru a lucra cu noduri (obținerea unei valori a nodului, adăugarea unui nou nod sau ștergerea unui nod existent) se utilizează următoarele metode ale obiectului NamedNodeMap. getNamedItem (). setNamedItem () și removeNamedItem ().
De exemplu, luați în considerare elementul p și atributele acestuia:
Pentru a putea sorta toate atributele din colecție, trebuie să le cunoaștem numărul. Puteți obține numărul de atribute din colecție utilizând proprietatea de lungime a obiectului NameNodeMap.
De exemplu, vom lista toate atributele din colecție:
Orice atribut are proprietățile nume și valoare. cu care puteți obține numele atributului și semnificația acestuia.
De exemplu, găsim atributul de clasă pentru elementul p. și modificați valoarea la "info".
Metoda getNamedItem ()
Această metodă returnează valoarea atributului (nodului) care are numele specificat. Dacă acest atribut (nod) nu este găsit, atunci această metodă returnează null.
Metoda getNamedItem () are un parametru obligatoriu - un șir care conține numele atributului.
Metoda setNamedItem ()
Această metodă adaugă un atribut (nod) elementului (la NameNodeMap). Dacă atributul (nodul) cu numele dat există deja în element, acesta va fi înlocuit de nodul pe care îl adăugăm elementului (în NameNodeMap). Metoda setNamedItem () returnează null. dacă am adăugat un atribut (nod), acesta nu avea un atribut (nod) cu numele dat sau cu atributul însuși (nod), dacă l-am înlocuit cu un nou atribut (nod).
Metoda setNamedItem () are un parametru obligatoriu - un atribut (nod) care trebuie adăugat elementului (la NameNodeMap).
Pentru a crea un atribut (nod), trebuie să utilizați metoda document.createAttribute (). care ca parametru trebuie să fie trecut numele atributului (nodului). Apoi, acest atribut (nod) trebuie să primească o valoare folosind proprietatea value. Apoi, acest atribut poate fi deja adăugat elementului (la NameNodeMap), trecând-l ca parametru în metoda setNamedItem ().
Metoda removeNamedItem ()
Această metodă șterge atributul (nodul) cu numele specificat în obiectul NameNodeMap. Metoda removeNamedItem () returnează atributul (nodul) elementului pe care l-am șters.
Metoda removeNamedItem () are un parametru obligatoriu - un atribut (nod) care trebuie șters din element (din colecția NameNodeMap).
- Obțineți elementul prin id = "description".
- Obțineți obiectul NameNodeMap. conținând toate atributele elementului obținut în etapa anterioară.
- Folosind metoda getNamedItem (). extrageți valorile atributului id la consola.
- Adăugați elementul atribut style = "".
- Ștergeți atributul de clasă al elementului.
Elemente (nod) metode pentru a lucra cu atributele sale
În plus față de proprietatea atributelor. care returnează atributele ca numeNodeMap. fiecare element (nod) are metode (getAttribute (), setAttribute (), removeAttribute () hasAttribute ()), care vă permit să lucrați mai simplu cu atributele sale.
Metoda getAttribute ()
Metoda getAttribute () returnează valoarea atributului specificat ca parametru. Dacă acest atribut nu are un element, atunci această metodă returnează un șir gol ("") sau null.
De exemplu, obțineți valoarea atributului rel din elementul a. care are id = "myAnchor":
Metoda setAttribute ()
Metoda setAttribute () adaugă elementul specificat elementului și îi atribuie valoarea specificată. Dacă atributul specificat există deja, atunci această metodă își modifică numai valoarea.
De exemplu, pentru a modifica valoarea atributului țintă la "_self" numai la acele elemente ale unui document din document care au acest atribut:
Metoda removeAttribute ()
Metoda removeAttribute () înlătură atributul specificat din element. Această metodă are un parametru obligatoriu - un șir care conține numele atributului pe care doriți să-l eliminați din element. Această metodă nu întoarce nimic ca rezultat.
De exemplu, eliminați atributul href pentru toate elementele unui element din document:
Metoda hasAtrribute ()
Metoda hasAtrribute () returnează true. dacă atributul specificat există pentru element. În caz contrar, această metodă returnează false. Această metodă are un parametru obligatoriu - un șir care conține numele atributului pe care doriți să îl verificați pentru existența elementului.
De exemplu, pentru a elimina atributul de stil numai din acele elemente din pagină care au acest atribut:
Metoda hasAttributes ()
Metoda hasAttributes () returnează true dacă nodul specificat are atribute. În caz contrar, această metodă returnează false. Dacă nodul specificat nu este un element, atunci această metodă întoarce mereu fals. Metoda hasAttributes nu are parametri.
De exemplu, pentru a determina dacă un element cu id = "principal" are atribute:
Articole similare
Trimiteți-le prietenilor: