Това описание разработва работата на свойството „offsetTop“ в JavaScript.
Как работи свойството „offsetTop“ на HTML DOM в JavaScript?
„ offsetTop ” свойството работи върху HTML елементите и връща също „полето”, горната „подложка”, „граница” и „лента за превъртане” на своя родителски елемент.
Синтаксис
елемент. offsetTop
В този синтаксис „ елемент ” обозначава горната позиция на конкретния HTML елемент спрямо прозореца за изглед (празна област, където се показва съдържанието на уеб страницата).
Забележка: Върнатата стойност включва следното:
- горна позиция и границата на елемента.
- горна граница, лента за превъртане и подложка на родителя.
Нека използваме практически горния синтаксис.
Пример: Прилагане на свойството „offsetTop“ за оценка на горната позиция на HTML
Този пример използва „ offsetTop ” свойство за изчисляване на горната позиция на конкретния HTML елемент, т.е. Първо преминете през следния HTML код: В горния код: Сега разгледайте дадения JavaScript код: В горните кодови редове: Изход В този резултат може да се наблюдава, че горната позиция на дадения div (включително марж), т.е. 35 пиксела ” се изчислява в съответствие с посочената бележка (в началото на блога) и се показва при натискане на бутона. JavaScript предоставя „ offsetTop ” за изчисляване на горната позиция на HTML елемента спрямо прозореца за изглед. Връща изчислената горна позиция на елемент като цяло число в „ пиксели ”. Това описание демонстрира целта, използването и внедряването на свойството „offsetTop“ на HTML DOM елемент в JavaScript.
HTML код
< b > Подробности за това div са : b >< бр >
Горна част : 20px < бр >
позиция : роднина < бр >
текст - подравнете : център < бр >
марж : 15px < бр >
граница : 3px < бр >
див >< бр >
< бутон при щракване = 'jsFunc()' > Кликнете върху него бутон >
< p id = 'за' > стр >
JavaScript код
функция jsFunc ( ) {
беше elmnt = документ. getElementById ( 'Div1' ) ;
където txt = 'Изчисленият OffsetTop е: ' + елмнт. offsetTop + 'px
' ;
документ. getElementById ( 'за' ) . innerHTML = текст ;
}
сценарий >
Заключение