Тази публикация обяснява свойството на HTML DOM елемента „previousElementSibling“ с помощта на JavaScript.
Какво представлява свойството „previousElementSibling“ на HTML DOM елемента?
Елементът DOM (Document Object Model) „ previousElementSibling ” е свойство само за четене, което помага за извличане на предишния брат или сестра на елемент в същото дърво. Това свойство връща съдържанието на предишния брат.
Синтаксис
елемент. previousElementSibling
Този синтаксис връща „ низ ”, съдържащо HTML съдържанието на предишния събрат, и „ нула ”, ако не съществува.
Нека използваме практически дефинирания по-горе синтаксис, за да покажем работата на свойството „previousElementSibling“.
Пример: Прилагане на свойството „previousElementSibling“ за връщане на съдържанието на предишния брат
Този пример прилага свойството на JavaScript „previousElementSibling“, за да получи HTML съдържанието на предишния брат.
HTML код
Първо, преглед на следния HTML код:
< ул >< че документ за самоличност = 'първо' > HTML < / че >
< че документ за самоличност = 'втори' > CSS < / че >
< че документ за самоличност = 'трето' > JavaScript < / че >
< / ул >
< стр документ за самоличност = 'за' >< / стр >
В горните кодови редове:
- „
- В неподредения списък се вграждат множество елементи с помощта на „ <това> ” с присвоените им идентификатори.
- И накрая, „ ” тагът вгражда празен параграф с уникален идентификатор „para”.
JavaScript код
Сега продължете с JavaScript кода:
< сценарий >нека т = документ. getElementById ( 'трето' ) . previousElementSibling . innerHTML ;
документ. getElementById ( 'за' ) . innerHTML = ' Предишният брат на третия елемент е : ' + вещ ;
сценарий >
Според горния кодов фрагмент:
- Променливата „item“ първо използва „ getElementById() ” за достъп до целевия елемент от списъка с помощта на неговия идентификатор „трети” и след това приложете „ previousElementSibling ” имот, за да получи предишния си брат.
- След това „ getElementById() ” достъпва добавения празен абзац, използвайки неговия идентификатор „para”, за да го добави със стойността на променливата „item”, т.е. предишен брат.
Изход
Както се вижда, резултатът показва предишния брат или сестра на целевия елемент, т.е. (JavaScript).
Заключение
JavaScript предоставя предварително дефинирания DOM елемент “ previousElementSibling ” свойство за извличане на предишния брат или сестра на елемент. Той връща предишния брат или сестра на елемент от същото ниво на дърво, където се намира целевият елемент. Тази публикация подробно обяснява свойството на HTML DOM елемента „previousElementSibling“ в JavaScript.