Javascript - dom elem attribútumok, ez a főnök

Ebben a leckében meg fogjuk ismerni az elemek (csomópontok) tulajdonságait és módszereit, amelyeket úgy terveztek, hogy a tulajdonságaikkal együtt dolgozzanak. Ezekkel a tulajdonságokkal és módszerekkel nem csak attribútumértékeket kaphat, hanem módosíthatja őket, új attribútumokat adhat hozzá, vagy törölheti azokat.

Az attribútumok tulajdonsága

Minden elem (csomópont) rendelkezik az attribútumok tulajdonsággal. amellyel a tulajdonságait (csomópontokat) gyűjthetjük, NamedNodeMap objektumként. A gyűjtemény minden attribútuma (csomópontja) olyan névvel rendelkezik, amely megfelel az attribútum nevének. A gyűjtemény attribútumához (csomóponthoz) való hozzáférés az index vagy az item () metódus szerint történik. A gyűjtemény attribútumainak (csomópontjainak) száma 0-tól kezdődik.

Csomópontokkal való munkavégzéshez (csomópont megszerzéséhez, új csomópont hozzáadásához vagy meglévő fájl törléséhez) a NamedNodeMap objektum következő módszereit használják. getNamedItem (). setNamedItem () és removeNamedItem ().

Példaként tekintse meg a p elemet és annak attribútumait:

Annak érdekében, hogy képesek legyenek a gyűjtemény összes attribútumának rendezésére, ismerni kell a számukat. A gyűjteményben található attribútumok számát a NameNodeMap objektum hosszú tulajdonsága segítségével kaphatja meg.

Például felsoroljuk a gyűjtemény összes attribútumát:

Minden attribútumnak van neve és értéke tulajdonsága. amellyel megkaphatja az attribútum nevét és annak jelentését.

Például megtaláljuk az osztály attribútumát a p elemhez. és értékét "info" -ra változtatja.

Módszer getNamedItem ()

Ez a módszer visszaadja az attribútum (csomópont) értékét, amelyik a megadott névvel rendelkezik. Ha ez az attribútum (csomópont) nem található, akkor ez a módszer nulla értéket ad vissza.

A getNamedItem () metódusnak egy kötelező paramétere van - egy olyan karakterlánc, amely tartalmazza az attribútum nevét.

Módszer setNamedItem ()

Ez a módszer egy attribútumot (csomópontot) ad hozzá az elemhez (a NameNodeMap-hoz). Ha az attribútum (node) ezzel a névvel már létezik az elem, akkor helyébe egy csomópont, akkor adjunk hozzá egy elemet (a NameNodeMap). A setNamedItem () metódus null értéket ad vissza. Ha hozzáad egy attribútumot (node), ő nem attribútum (node) az adott név vagy attribútum is (node), ha kicseréljük az új attribútum (csomópont).

A setNamedItem () metódusnak van egy kötelező paramétere - egy attribútum (csomópont), amelyet hozzá kell adni az elemhez (a NameNodeMap-hoz).

Attribútum (csomópont) létrehozásához a document.createAttribute () metódust kell használnod. amely paraméterként át kell adni az attribútum (csomópont) nevét. Ezután ezt az attribútumot (csomópontot) értékhez kell rendelni az érték tulajdonság segítségével. Ezután ezt az attribútumot már hozzáadhatjuk az elemhez (a NameNodeMap-hoz), átadva a paramétert a setNamedItem () metódusnak.

Módszer removeNamedItem ()

Ez a módszer törli az attribútumot (csomópontot) a megadott névvel a NameNodeMap objektumban. Az removeNamedItem () metódus visszaadja a törölt elemnek az attribútumát (csomópontját).

removeNamedItem () metódus az egyik szükséges paraméter - attribútum (node) a törölni kívánt elem (az NameNodeMap gyűjtemény).

  1. Szerezd meg az elemet id = "leírás" alapján.
  2. Szerezd meg a NameNodeMap objektumot. amely az előző lépésben kapott elem összes tulajdonságát tartalmazza.
  3. A getNamedItem () metódus használatával. adja ki az id attribútum értékeit a konzolnak.
  4. Adja hozzá az attribútum style = "" elemet az elemhez.
  5. Törölje az elem osztály attribútumát.

Elem (csomópont) módszerek a tulajdonságainak kezeléséhez

Az attribútumok tulajdonság mellett. amely az attribútumokat NameNodeMap néven adja vissza. minden eleme (node) van mód (getAttribute (). setAttribute (). removeAttribute (). hasAttribute ()), amely lehetővé teszi, hogy a munka könnyebb és annak tulajdonságait.

Módszer getAttribute ()

A getAttribute () metódus megadja a paraméterként megadott attribútum értékét. Ha ez az attribútum nem tartalmaz elemet, akkor ez a módszer üres karakterláncot ("") vagy nullot ad vissza.

Például kapja meg az rel attribútum értékét az a elemből. amely id = "myAnchor":

A setAttribute () metódus

A setAttribute () metódus hozzáadja a megadott attribútumot az elemhez, és hozzárendeli a megadott értéket. Ha a megadott attribútum már létezik, akkor ez a módszer csak az értékét változtatja meg.

Például, ha a cél attribútum értékét "_self" -re változtatja, akkor csak azoknak az elemeknek a értékei szerepelnek a dokumentumban, amelyek rendelkeznek ezzel az attribútummal:

Módszer removeAttribute ()

Az removeAttribute () metódus eltávolítja a megadott attribútumot az elemből. Ennek a módszernek egy kötelező paramétere van - egy olyan karakterláncot, amely tartalmazza az attribútum nevét, amelyet el kíván távolítani az elemről. Ez a módszer nem eredményez semmit.

Például, távolítsa el a dokumentum összes elemének href attribútumát:

A hasAtrribute () metódus

A hasAtrribute () metódus igaz értéket ad vissza. ha a megadott attribútum létezik az elem számára. Ellenkező esetben ez a módszer hamis. Ez a módszer egy kötelező paramétert tartalmaz - egy olyan karakterláncot, amely az attribútum nevét szeretné ellenőrizni az elem létezésére.

Például, ha eltávolítja a stílusattribútumot azon elemek közül, amelyek rendelkeznek ezzel az attribútummal:

Az hasAttributes () metódus

A hasAttributes () metódus true értéket ad vissza, ha a megadott csomópontnak attribútumai vannak. Ellenkező esetben ez a módszer hamis. Ha a megadott csomópont nem elem, akkor ez a módszer mindig hamis. Az hasAttributes módszer nem tartalmaz paramétereket.

Például annak megállapításához, hogy az id = "main" elemnek van-e az attribútuma:

Kapcsolódó cikkek