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 獲...