DOM常用的屬性

2021-08-09 13:24:52 字數 767 閱讀 2450

offsetheight height+padding+border,當前物件的高度

clientheight 獲取物件可視高度,不包括滾動條,不包括邊框

scrollheight 獲取物件的滾動高度/內容總高度

offsetwidth

clientwidth

scrollwidth

offsettop 當前物件相對於定位父級的top值

clienttop 獲取物件上邊框的border高度

scrolltop 滾動上去的那一部分,設定給能夠滾動的元素。不能滾動的元素,scrolltop為0

offsetleft

clientleft

scrollleft

【利用scrolltop屬性,可以實現網頁的「回到頂部」的小效果,下篇博文會加以詳細說明,需要的小夥伴,可以抽空過來看看~

視窗寬度

window.innerwidth 不包含工具欄、控制台

window.outerwidth 包含工具欄、控制台

window.innerheight

window.outerheight

這些屬性的好處是:用著比較方便,是屬於唯讀屬性,不帶有單位「px」,省掉了特殊的場景需要去除單位的麻煩。

最後,引用一張很火的圖,具體是誰的圖,我已經不知道了,感謝~~~

DOM 中常用的屬性操作

內建 官方提供,直接使用 js屬性 不可見屬性 將元素節點作為物件使用 非內建 自定義,自己寫,官方沒有提供 不能作為物件操作 js屬性 不可見屬性 行內 其實就是內建的html的style屬性的操作 非行內 專用語句 只能獲取不能設定 相容封裝 樣式的操作 標籤的增刪改查 刪除元素節點物件 改 慎...

DOM的基礎,屬性以及常用方法

dom 在dom中,html文件的各個節點被視為各種型別的node物件,並且將html文件表示為node物件的樹。node物件的屬性 屬性型別描述 parentnodenode節點的父節點,沒有父節點則為null childnodesnodelist 節點的所有子節點的nodelist firstc...

DOM中常用的操作元素屬性

ele.innertext 獲取元素內所有文字 ele.innerhtml 獲取元素內所有內容 包括一些標籤 ele.src 大多用於修改的路徑 ele.title 大多用於修改的提示資訊 ele.alt 大多用於修改不能載入的提示ele.type 獲取或修改input的型別 ele.value 獲...