元素位置：offsetleft、offsettop 在所有祖先節點中沒有定位模式的時候，是到html的距離。
祖先元素有定位就是相對於祖先元素的距離。
elem.offsetparent : 找到離elem最近的具有定位屬性的祖先元素，跟css定位屬性很像，如果巢狀的元素沒有定位，就會得到body
拓展：封裝元素距左側的距離函式
function pox(elem)
return result;
}元素大小：clientwidth / clientheight (content+padding)
offsetwidth / offsetheight (content+padding+border)
scrollheight 包含滾動距離的高度
對隱藏元素獲取不到元素大小
滾動距離：window.pageyoffset (推薦) //bom方法只能獲取，不能設定
document.documentelement.scrolltop //dom方法可以獲取，可以設定
可視區大小：瀏覽器可視的大小
window.innerwidth (bom 推薦) //包含滾動條寬度
document.documentelement.clientwidth (dom) //不包含滾動條寬度
BOM和DOM的區別
首先，如果你來查這個問題了，證明你便是個熱愛學習的人，其次我也是。bom 瀏覽器物件模型，無過於是提供一系列的物件，便於我們進行瀏覽器的操作，所以bom的範疇很大。而dom其實算是bom瀏覽器下的乙個子物件，因為文件操作也屬於瀏覽器操作的範疇，因為文件操作過於 重要，所以單獨將dom拿過來進行了介紹...
JS事件和BOM和DOM
4.事件流和事件模型 dom 事件流 是指頁面接受事件的順序,即事件在元素節點與根節點之間特定的傳播順序，是該事件的傳播過程.事件順序 冒泡和捕獲其實都是事件流的不同表現 事件冒泡 即事件開始時由最具體的元素接受，然後逐級向上傳播到較為 不具體的節點 文件 事件冒泡順序 1 2 3 4 docume...
前端知識之BOM和DOM
window的子物件 了解 計時器相關 dom間接查詢 節點操作 新增節點 var imgele document.createelement img imgele.setattribute src var d1ele document.getelementbyid d1 刪除節點 替換節點 屬性節...