Javascript - dom az attribútumok kezelésére szolgáló elem tulajdonságai, ez a főnök
Ebben a leckében egy elem (csomópont) tulajdonságait vesszük szemügyre, amelyekkel különböző attribútumait kezelhetjük: id. osztályban. címet. lang. Tabindex. dir és mások.
Az elem tulajdonságai elérni a tulajdonságait
Az attribútumok kezeléséhez nem csak a getAttribute () metódusokat használhatja. setAttribute () és removeAttribute (). hanem olyan tulajdonságokat is, amelyek neve ismételje meg a megfelelő tulajdonságok nevét. Ezek a tulajdonságok nemcsak a megfelelő attribútumok értékeinek olvasására, hanem azok értékének megváltoztatására is használhatók.
Az osztálynév tulajdonság
Az osztályName tulajdonság lehetővé teszi az elem osztály (osztályok) beállítását vagy elérését (az osztály attribútum értékét).
Annak érdekében, hogy az elem több osztályt telepítsen, azokat el kell választani egy szóközzel.
1. Ismertesse az első elem p (index 0) osztályának nevét a dokumentumban:
2. Felülírja az id = "myID" elemet. létező osztálynév új értékkel:
3. Adjon hozzá egy további osztályt az elemhez (a meglévő értékek felülírása nélkül):
4. Szerkessze azt az elemet, amelynek id = "myID" és az osztály myStyle. betűméret:
Az id elem tulajdonsága
Az id tulajdonság lehetővé teszi az elem id (id attribútum értékének) beállítását vagy lekérését az elemből.
Az id attribútum értékének egyedinek kell lennie az oldalon. Ahhoz, hogy elemet kapjon egy HTML dokumentumban, az id általában a getElementById () metódust használja.
Például olyan elem esetén, amelynek azonosítója a myID. módosítsa az id attribútum értékét:
Például a konzolon a dokumentum összes p elemének azonosítója:
Címelem tulajdonság
A cím tulajdonsága beállítja vagy visszaadja az elem cím attribútumának értékét. A cím attribútumot általában arra használják, hogy további elemeket adjon meg az elem számára, amelyet eszköztippként jelenít meg.
Például módosítsa az id = "myP" nevű elem címét:
Az elem lang tulajdonsága
A lang tulajdonság beállítja vagy visszaadja az elem lang attribútumának értékét. A lang attribútum arra szolgál, hogy megadja azt a nyelvet, amelyben az elemen belüli szöveg íródik.
Például állítsa be a p elemeket a dokumentumban lang = "ru":
A tabIndex tulajdonság
A tabIndex tulajdonság beállítja vagy visszaadja az elem tabindex attribútumának értékét. A tabindex attribútum határozza meg azt a sorrendet, amelyen az elemek átadódnak, amikor megnyomja a lapgombot.
Például állítsa be az a elem elemeinek átmeneti sorrendjét, ahogy azok a kódban előfordulnak:
A dir elem tulajdonsága
A dir tulajdonság beállítja vagy visszaadja az elem dir attribútumának értékét. A dir attribútum segítségével meg lehet adni az elem irányát. A dir attribútum mellett. Használhatja a style.direction tulajdonságot is. Beállíthatja vagy megkaphatja az elem irányát.
dir ingatlan vehet egyet a három érték: ltr (alapértelmezett) - az irányt a szöveget az elem balról jobbra, az RTL - az irányt a szöveget az elem jobbról balra, auto - lehetővé teszi, hogy a böngésző kezeli az irányt a szöveget az elem (a böngésző szab irányt a szöveg az elem, attól tartalmából). Beállítása „auto” érték csak akkor ajánlott, ha a tartalom, az elem előre nem ismert.
Például kapjuk meg a p elem elemének irányát. amely id = "myP":
Például változtassa meg a p elem szövegének irányát. amely id = "myP":
Tulajdonságok olyan attribútumok kezeléséhez, amelyek csak bizonyos elemek számára léteznek
Például az elem (csomópont) img. kivéve a közös tulajdonságokat id. className. címet. amelyek az elemek többségével rendelkeznek, vannak olyan tulajdonságok is, amelyek az adott objektumra jellemzőek: src, kép szélessége, magasság, alt (a szöveg megjelenik, ha a kép nem jelenik meg, a böngésző beállításaiban stb.) stb.
A legtöbb esetben az elem attribútumának ellenőrzésére szolgáló tulajdonság neve megegyezik az attribútum nevével.
Például módosítsa az id = "myImg" nevű kép szélességét és magasságát:
Például kapjon egy linket, amelynek id = "myAnchor". a href attribútum értéke. Az érték megjelenítéséhez olyan elemen, amelynek id = "myP":
Például állítsa be a bemeneti elemet. amely id = "email". csak olvasható hozzáférési mód.
- A dokumentum összes elemének megváltoztatása a cél attribútum értékével "_blank";
- Minden olyan kép elrejtése olyan oldalakon, amelyek szélessége nagyobb, mint 600px.