window.pagexoffset window.pageyoffset
ie8和ie8以下不相容
(乙個有用 另乙個一定為0)
document.body.scrollleft/top => body
document.documentelement.scorllleft/top => html
doucment.body.scrollleft + document.documentelement.scorllleft
ie8及以下不相容:window.innerwidth/innerheight
標準模式都相容"document.documentelement.clientwidth/clientheight
怪異模式:document.body.clientwidth/clientheight
document.compatmode判斷模式
標準模式:css1compat
怪異模式:backcompat
getboundingclientrect();
bottom top left right 四個邊線的位置
width height ie裡面沒有
視覺上的尺寸:dom.offsetwidth/offsetheight
檢視元素的位置:dom.offsetleft/offsettop 相對於有定位的父級的位置 否則相對於文件
檢視有定位的父級 dom.offsetparent (會把父級元素和子元素一起展示出來)
scroll(x,y) 和 scrollto(x,y)讓滾動條滾動到(x,y)的距離
scrollby(x,y) 累積執行 每次向上和向下執行
(某個元素也可以 把document.body和document.document.element換成元素,可視區域換成offsetheight)
scrollheight 文件從上到下的總高度 和scrolltop用法類似
滾動條在y軸上的移動高度 + 可視區域 = 文件總高度
js dom基本操作
class wraper class one 老大 ppppp div class box 內容span href 鏈結a 段落p llp div class last 老弟div div 查 所有節點屬性都是元素物件下的屬性 使用節點 第一步獲取元素物件,再獲取節點 var box documen...
JS DOM基本操作
如下表 方法描述 getelementbyid 返回帶有指定 id 的元素。getelementsbytagname 返回包含帶有指定標籤名稱的所有元素的節點列表 集合 節點陣列 getelementsbyclassname 返回包含帶有指定類名的所有元素的節點列表。把新的子節點新增到指定節點。re...
js DOM模型操作
dom模型中的節點 元素節點 文字節點 屬性節點 例 私 dotnet小屋 1 a是元素節點 2 私 dotnet小屋 是文字節點 3 href 是屬性節點 dom節點的屬性 nodename string 節點名稱,根據節點的型別而定義 nodevalue string 節點的值,根據節點的型別而...