Tento příspěvek vysvětluje vlastnost prvku HTML DOM „previousElementSibling“ pomocí JavaScriptu.
Co je vlastnost prvku HTML DOM „previousElementSibling“?
Prvek DOM (Document Object Model) “ předchozíElementSourozenec ” je vlastnost pouze pro čtení, která pomáhá načíst předchozího sourozence prvku ve stejném stromu. Tato vlastnost vrací obsah předchozího sourozence.
Syntax
živel. předchozíElementSourozenec
Tato syntaxe vrací „ tětiva “ obsahující obsah HTML předchozího sourozence a “ nula “, pokud neexistuje.
Použijme výše definovanou syntaxi prakticky k ukázce fungování vlastnosti „previousElementSibling“.
Příklad: Použití vlastnosti „previousElementSibling“ k vrácení obsahu předchozího sourozence
Tento příklad použije vlastnost JavaScriptu „previousElementSibling“ k získání obsahu HTML předchozího sourozence.
HTML kód
Nejprve přehled následujícího HTML kódu:
< ul >< že id = 'První' > HTML < / že >
< že id = 'druhý' > CSS < / že >
< že id = 'Třetí' > JavaScript < / že >
< / ul >
< p id = 'pro' < / p >
Ve výše uvedených řádcích kódu:
- '
- Uvnitř neuspořádaného seznamu je několik položek vloženo pomocí „
” s přiřazenými ID. - Konečně, „ ” tag vloží prázdný odstavec s jedinečným id “para”.
JavaScript kód
Nyní pokračujte s kódem JavaScript:
< skript >nechat položku = dokument. getElementById ( 'Třetí' ) . předchozíElementSourozenec . vnitřní HTML ;
dokument. getElementById ( 'pro' ) . vnitřní HTML = ' Předchozí sourozenec třetí položky je : ' + položka ;
skript >
Podle výše uvedeného fragmentu kódu:
- Proměnná „item“ nejprve používá „ getElementById() “ pro přístup k cílené položce seznamu pomocí jejího id „třetí“ a poté použijte „ předchozíElementSourozenec “, aby získal svého předchozího sourozence.
- Poté se „ getElementById() Metoda ” přistupuje k přidanému prázdnému odstavci pomocí svého id „para“, aby k němu připojila hodnotu proměnné „item“, tj. předchozí sourozenec.
Výstup
Jak je vidět, výsledek ukazuje předchozího sourozence cílové položky, tj. (JavaScript).
Závěr
JavaScript poskytuje předdefinovaný prvek DOM „ předchozíElementSourozenec ” vlastnost k načtení předchozího sourozence prvku. Vrací předchozího sourozence prvku ze stejné úrovně stromu, kde leží cílový prvek. Tento příspěvek hluboce vysvětlil vlastnost prvku HTML DOM „previousElementSibling“ v JavaScriptu.