元素的一些常用屬性

2022-05-07 04:51:06 字數 2535 閱讀 9965

在讀模式下,innerhtml 屬性返回與呼叫元素的所有子節點(包括元素、注釋和文字節點)對應的html標記。在寫模式下,innerhtml會根據指定的值建立新的dom樹,然後用這個dom樹完全替換呼叫元素原先的所有子節點

在讀模式下,outerhtml返**用它的元素及所有子節點的html標籤。在寫模式下,outerhtml會根據指定的html字串建立新的dom子樹,然後用這個dom子樹完全替換呼叫元素。

通過innerttext 屬性可以操作元素中包含的所有文字內容,包括子文件樹中的文字。在通過innertext 讀取值時,它會按照由淺入深的順序,將子文件樹中的所有文字拼接起來。在通過innertext 寫入值時,結果會刪除元素的所有子節點,插入包含相應文字值的文字節點。

設定innertext屬性移除了先前存在的所有子節點,完全改變了dom子樹。此外,設定innertext屬性的同時,也對文字中存在的html語法字元(小於號、大於號、引號及和號)進行了編碼。

除了作用範圍擴大到了包含呼叫它的節點之外,outertext與innertext基本上沒有多大區別。  在讀取文字值時,outertext與innertext的結果完全一樣。但在寫模式下,outertext就完全不同了:outertext不只是替換呼叫它的元素的子節點,而是會替換整個元素(包括子節點)

雖然style物件能夠提供支援style特性的任何元素的樣式資訊,但它不包含那些從其他樣式表層疊而來並影響到當前元素的樣式資訊。「dom2級樣式」增強了document.defaultview,提供了getcomputedstyle()方法。這個方法接受兩個引數:要取得計算樣式的元素和乙個偽元素字串(例如":after")。如果不需要偽元素資訊,第二個引數可以是null。getcomputedstyle()方法返回一 個cssstyledeclaration物件(與style屬性的型別相同),其中包含當前元素的所有計算的樣式。

ie不支援getcomputedstyle()方法,但它有一種類似的概念。在ie中,每個具有style屬性的元素還有乙個currentstyle屬性。這個屬性是cssstyledeclaration的例項,包含當前元素全部計算後的樣式。取得這些樣式的方式也差不多,

無論在哪個瀏覽器中,最重要的一條是要記住所有計算的樣式都是唯讀的;不能修改計算後樣式物件中的css屬性。此外,計算後的樣式也包含屬於瀏覽器內部樣式表的樣式資訊,因此任何具有預設值的css屬性都會表現在計算後的樣式中。

1.偏移量

首先要介紹的屬性涉及偏移量(offset dimension),包括元素在螢幕上占用的所有可見的空間。元素的可見大小由其高度、寬度決定,包括所有內邊距、滾動條和邊框大小(注意,不包括外邊距)。通過下列4個屬性可以取得元素的偏移量。

offsetheight:元素在垂直方向上占用的空間大小,以畫素計。包括元素的高度、(可見的)水平滾動條的高度、上邊框高度和下邊框高度。

offsetwidth:元素在水平方向上占用的空間大小,以畫素計。包括元素的寬度、(可見的)垂 

直滾動條的寬度、左邊框寬度和右邊框寬度。

offsetleft:元素的左外邊框至包含元素的左內邊框之間的畫素距離。

offsettop:元素的上外邊框至包含元素的上內邊框之間的畫素距離。 

其中,offsetleft和offsettop屬性與包含元素有關,包含元素的引用儲存在offsetparent屬性中。offsetparent屬性不一定與parentnode的值相等。

所有這些偏移量屬性都是唯讀的,而且每次訪問它們都需要重新計算。因此,應 該盡量避免重複訪問這些屬性;如果需要重複使用其中某些屬性的值,可以將它們保

存在區域性變數中,以提高效能。

2.客戶區大小

元素的客戶區大小(client dimension),指的是元素內容及其內邊距所佔據的空間大小。有關客戶區大小的屬性有兩個:clientwidth和clientheight。其中,clientwidth屬性是元素內容區寬度加上左右內邊距寬度;clientheight屬性是元素內容區高度加上上下內邊距高度。

3.滾動大小

最後要介紹的是滾動大小(scroll dimension),指的是包含滾動內容的元素的大小。有些元素(例如元素),即使沒有執行任何**也能自動地新增滾動條;但另外一些元素,則需要通過css的  8overflow屬性進行設定才能滾動。以下是4個與滾動大小相關的屬性。

scrollheight:在沒有滾動條的情況下,元素內容的總高度。

scrollwidth:在沒有滾動條的情況下,元素內容的總寬度。    

scrollleft:被隱藏在內容區域左側的畫素數。通過設定這個屬性可以改變元素的滾動位置。

scrolltop:被隱藏在內容區域上方的畫素數。通過設定這個屬性可以改變元素的滾動位置。

scrollwidth和scrollheight主要用於確定元素內容的實際大小。

ie(在標準模式)中的這兩組屬性不相等,其中scrollwidth和scrollheight等於文件內容區域的大小,而clientwidth和clientheight等於視口大小。

注意,對於執行在混雜模式下的ie,則需要用document.body 代替 document.documentelement。

CALayer的一些常用屬性

uibutton button uibutton alloc init button.bounds cgrectmake 0,0,200,200 button.center self.view.center button.backgroundcolor uicolor graycolor self....

UIButton的一些常用屬性

再給b2設定座標 btn2.frame cgrectmake 100,50,50,50 建立乙個系統按鈕 uibutton btn3 uibutton buttonwithtype uibuttontypecontactadd btn3.frame cgrectmake 150,50,50,50 設...

設定UIButton的一些常用屬性

button settitle 登陸 forstate uicontrolstatenormal 普通狀態 button settitle 登陸 forstate uicontrolstatehighlighted 高亮 button settitle 登陸 forstate uicontrolst...