關於DOM元素定位屬性的深入學習

2021-04-20 23:41:18 字數 1579 閱讀 1810

寬度、高度

jquery(』#elem』).width()   // 獲取css定義的寬度

jquery(』#elem』).height()  // 獲取css定義的高度

clientwidth = width + padding

clientheight = height + padding

offsetwidth = width + padding + border

offsetheight = height + padding + border

scrollwidth  // 物件的滾動寬度

scrollheight  // 物件的滾動高度

clientleft  // borderleftwidth

clienttop  // bordertopwidth

left、top

scrolltop  // 物件左邊界和視窗中目前可見內容的最左端之間的距離

scrollleft  // 物件最頂端和視窗中可見內容的最頂端之間的距離

offsettop  // 距相對父節點的頂端位置

offsetleft  // 距相對父節點的左側位置

父節點

parentnode  // 就是父節點。從結構上理解並應用它。

offsetparent  // 是相對父節點。從布局上理解並應用它。

滑鼠相對於瀏覽器的 x, y 座標

e.clientx, e.clienty

滑鼠相對於觸發事件容器的 x,y 座標

e.offsetx, e.offsety  // for ie

e.layerx, e.layery  // for ff

垂直方向滾動的值

document.documentelement.scrolltop

document.body.scrolltop (quirks mode)

滑鼠相對於頁面頂部的 x, y 座標

pagex, pagey  // for ff

e.clientx + document.documentelement.scrollleft  // for ie

e.clienty + document.documentelement.scrolltop  // for ie

相對於body的padding以內的絕對座標

jquery(』#elem』).offset();

最後,附上一張老掉牙的圖。

DOM元素的定位

寫js程式的時候,經常碰到了定位的問題。但每次都看到一半,找到需要的屬性就了事了。寬度 高度 jquery elem width 獲取css定義的寬度jquery elem height 獲取css定義的高度clientwidth width paddingclientheight height p...

關於C 深入學習的問題

學習vc 有相當的內容要學,而最後的深度則看個人的悟性與勤奮了。1 掌握最新標準的c 2個月 如果曾經在大學裡自以為學過c c 還對dynamic cast static cast template try catch throw stl 感到 陌生,那你該refresh一下新的ansi c 標準了...

DOM對元素屬性的操作

獲取元素屬性值 input.getattribute type 給元素新增屬性值 第乙個引數是屬性名,第二個引數是屬性的值 必須兩個引數 input.setattribute yes ok yes ok新增屬性 乙個值 input.attributes.setnameditem disabled 建...