js Dom的基本操作

2021-09-28 18:08:49 字數 995 閱讀 2031

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 節點的值,根據節點的型別而...