Ez a bejegyzés elmagyarázza a HTML DOM elem „previousElementSibling” tulajdonságát JavaScript használatával.
Mi az a HTML DOM-elem „previousElementSibling” tulajdonság?
A DOM (Document Object Model) elem ' előzőElemTestvér ” egy csak olvasható tulajdonság, amely segít lekérni egy elem előző testvérét ugyanabban a fában. Ez a tulajdonság az előző testvér tartalmát adja vissza.
Szintaxis
elem. előzőElemTestvér
Ez a szintaxis a ' húr ' amely tartalmazza az előző testvér HTML-tartalmát, és ' nulla ” ha nem létezik.
Használjuk a fent definiált szintaxist gyakorlatilag a „previousElementSibling” tulajdonság működésének bemutatására.
Példa: A „previousElementSibling” tulajdonság alkalmazása az előző testvér tartalmának visszaküldésére
Ez a példa a JavaScript „previousElementSibling” tulajdonságát alkalmazza az előző testvér HTML-tartalmának lekéréséhez.
HTML kód
Először a következő HTML-kód áttekintése:
< ul >< hogy id = 'első' > HTML < / hogy >
< hogy id = 'második' > CSS < / hogy >
< hogy id = 'harmadik' > JavaScript < / hogy >
< / ul >
< p id = 'for' >< / p >
A fenti kódsorokban:
- A '
- A rendezetlen listán belül több elem is beágyazódik a „
” címkét a hozzájuk rendelt azonosítókkal. - Végül a „ ” címke egy üres bekezdést ágyaz be egyedi „para” azonosítóval.
JavaScript kód
Most folytassa a JavaScript kóddal:
< forgatókönyv >hadd tétel = dokumentum. getElementById ( 'harmadik' ) . előzőElemTestvér . innerHTML ;
dokumentum. getElementById ( 'for' ) . innerHTML = ' A harmadik elem előző testvére : ' + tétel ;
forgatókönyv >
A fenti kódrészlet szerint:
- Az „item” változó először a „ getElementById() ” metódussal érheti el a célzott listaelemet a „harmadik” azonosítójával, majd alkalmazza a „ előzőElemTestvér ” tulajdonát, hogy megkapja korábbi testvérét.
- Ezt követően a „ getElementById() ” metódus eléri a hozzáadott üres bekezdést a „para” azonosítójával, hogy hozzáfűzze az „item” változó értékéhez, azaz az előző testvérhez.
Kimenet
Amint látható, az eredmény a megcélzott elem előző testvérét mutatja, azaz (JavaScript).
Következtetés
A JavaScript biztosítja az előre meghatározott DOM elemet ' előzőElemTestvér ” tulajdonság egy elem előző testvérének lekéréséhez. Egy elem előző testvérét adja vissza ugyanarról a faszintről, ahol a célelem található. Ez a bejegyzés mélyen elmagyarázta a HTML DOM elem „previousElementSibling” tulajdonságát a JavaScriptben.