資訊專欄INFORMATION COLUMN
摘要：一是一個(gè)只讀屬性，返回一個(gè)指向最近的指包含層級(jí)上的最近包含該元素的定位元素。很有用，因?yàn)楹投际窍鄬?duì)于其內(nèi)邊距邊界的。對(duì)塊級(jí)元素來(lái)說(shuō)，及描述了元素相對(duì)于的邊界框。二與是一個(gè)只讀屬性，返回當(dāng)前元素左上角相對(duì)于節(jié)點(diǎn)的左邊界偏移的像素值。
一、offsetParent
parentObj = element.offsetParent;
HTMLElement.offsetParent是一個(gè)只讀屬性，返回一個(gè)指向最近的（指包含層級(jí)上的最近）包含該元素的定位元素。如果沒(méi)有定位的元素，則offsetParent為最近的table元素對(duì)象或根元素（標(biāo)準(zhǔn)模式下為html；quirks模式下為body）。當(dāng)元素的 style.display設(shè)置為none時(shí)，offsetParent返回null。offsetParent很有用，因?yàn)?b>offsetTop和offsetLeft都是相對(duì)于其內(nèi)邊距邊界的。
對(duì)塊級(jí)元素來(lái)說(shuō)，offsetTop、offsetLeft、offsetWidth及 offsetHeight描述了元素相對(duì)于offsetParent的邊界框。
二、offsetLeft與offsetTopleftPos = element.offsetLeft;
topPos = element.offsetTop;
HTMLElement.offsetLeft是一個(gè)只讀屬性，返回當(dāng)前元素左上角相對(duì)于HTMLElement.offsetParent節(jié)點(diǎn)的左邊界偏移的像素值。HTMLElement.offsetTop同理。
對(duì)于可被截?cái)嗟较乱恍械男袃?nèi)元素（如span），offsetTop和 offsetLeft描述的是第一個(gè)邊界框的位置。
offsetWidth = element.offsetWidht;
offsetHeight = element.offsetHeight;
HTMLElement.offsetWidth是一個(gè)只讀屬性，返回一個(gè)元素的布局寬度。一個(gè)典型的offsetWidth是測(cè)量元素的邊框(borders)、水平線上的內(nèi)邊距(padding)、豎直方向滾動(dòng)條(scroolbar)（如果存在的話）、以及CSS設(shè)置的寬度(width)的值。HTMLElement.offsetHeight同理。
對(duì)于可被截?cái)嗟较乱恍械男袃?nèi)元素（如span），offsetWidth和 offsetHeight描述的是邊界框的維度。
Short span. Long span that wraps withing this div.
上圖藍(lán)色陰影部分大小為span#long的offsetWidth與offsetHeight。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80668.html
摘要：這個(gè)組件是一個(gè)圖釘組件，使用的布局，讓組件固定在窗口的某一個(gè)位置上，并且可以在到達(dá)指定位置的時(shí)候才去固定。 Affix 這個(gè)組件是一個(gè)圖釘組件，使用的fixed布局，讓組件固定在窗口的某一個(gè)位置上，并且可以在到達(dá)指定位置的時(shí)候才去固定。 AffixProps 還是老樣子，看一個(gè)組件首先我們先來(lái)看看他可以傳入什么參數(shù) // Affix export interface Affix...
摘要：節(jié)點(diǎn)具有以下特征的值為的值為元素的標(biāo)簽名的值為可能是或其子節(jié)點(diǎn)可能是或。添加的這些屬性分別對(duì)應(yīng)于每個(gè)元素中都存在的下列標(biāo)準(zhǔn)特性。，有關(guān)元素的附加說(shuō)明信息，一般通過(guò)工具提示條顯示出來(lái)。 Element 類型 除了 Document 類型之外，Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素，提供了對(duì)元素標(biāo)簽名、子節(jié)點(diǎn)及特...
摘要：如何檢測(cè)特性如果我們要檢測(cè)一個(gè)屬性是否支持支持屬性不支持屬性如果我們要檢測(cè)該屬性是否支持某值支持該屬性值瀏覽器不支持該屬性值如何動(dòng)態(tài)賦值一個(gè)效果，并支持所有主流瀏覽器資料揭秘 如何檢測(cè)css特性 如果我們要檢測(cè)一個(gè)css屬性是否支持 var dom = document.createElement(p); if (textShadow in dom.style) { alert...
摘要：如何檢測(cè)特性如果我們要檢測(cè)一個(gè)屬性是否支持支持屬性不支持屬性如果我們要檢測(cè)該屬性是否支持某值支持該屬性值瀏覽器不支持該屬性值如何動(dòng)態(tài)賦值一個(gè)效果，并支持所有主流瀏覽器資料揭秘 如何檢測(cè)css特性 如果我們要檢測(cè)一個(gè)css屬性是否支持 var dom = document.createElement(p); if (textShadow in dom.style) { alert...
摘要：在瀏覽器中，對(duì)象是繼承自類型的一個(gè)實(shí)例，表示整個(gè)頁(yè)面。一致性檢測(cè)屬性提供相應(yīng)信息和功能的對(duì)象，與瀏覽器對(duì)的實(shí)現(xiàn)直接對(duì)應(yīng)。在中，標(biāo)簽名始終都以全部大寫表示而在有時(shí)包括，標(biāo)簽名始終與源代碼中的保持一致。設(shè)置的特性名統(tǒng)一轉(zhuǎn)為小寫。 簡(jiǎn)介 DOM描述了一個(gè)層次化的節(jié)點(diǎn)樹(shù)，允許開(kāi)發(fā)人員添加、移除和修改頁(yè)面。 節(jié)點(diǎn) 根據(jù) W3C 的 HTML DOM 標(biāo)準(zhǔn)，HTML 文檔中的所有內(nèi)容都是節(jié)點(diǎn)： ...
閱讀 2326·2021-11-25 09:43
閱讀 3464·2021-10-25 09:48
閱讀 1333·2021-09-13 10:24
閱讀 2742·2019-08-29 15:07
閱讀 1283·2019-08-29 13:14
閱讀 3279·2019-08-29 12:22
閱讀 1363·2019-08-29 11:32
閱讀 3250·2019-08-29 11:23
