11 12 元素的屬性

2022-05-31 21:39:15 字數 1975 閱讀 1417

函式封裝:函式封裝是一種函式的功能,它把乙個程式設計師寫的乙個或者多個功能通過函式、類的方式封裝起來,對外只提供乙個簡單的函式介面。當程式設計師在寫程式的過程中需要執行同樣的操作時,程式設計師(呼叫者)不需要寫同樣的函式來呼叫,直接可以從函式庫裡面呼叫

元素的屬性:

div.attributes 是所有標籤屬性構成的資料集合

div.classlist 是所有

class

名構成的陣列集合

在classlist的原型鏈上看以看到

add()

和remove()

1.client系列

(1)  clientwidth/clientheight 是我們設定的寬和高加上內邊距(沒有邊框)

clientleft/clienttop 就是我們設定的邊框值

2.offset系列

offsetwidth/offsetheight 是我們設定的寬和高加上邊框加上內邊距

offsetleft/offsettop 是元素外邊距離父級的內邊距的距離

這個父級由定位position:absolute;

offsettop 參照物由父級元素身上的

position:absolute/fixed

決定的;

如果父級元素沒有就逐層向上查詢直到

body

。offsetparent  返回這個元素的父級元素

3.scroll系列

scrollwidth/scrollheight 就是我們設定的寬高加上內邊距

(內容沒有溢位的前提下

)如果超出了範圍就按內容而定

scrolltop/scrollleft   滾動條卷走的高度和寬度

如果我們設定了小數,都會向上取整

案例分析

offset 往往和我們做元素的運動有關

offset必須和

position

配合使用往往這個值還必須是

absolute

。offsetleft 有初始值 在標準瀏覽器下是

8px  

低版本沒有。

document.body 獲取的是文件中的body標

document.documentelement  獲取的是文件中根節點

二者獲取的width的值不一樣差

16px

,怎樣讓他們一樣。

乙個css就搞定了

ie6不支援

document.documentelement,

相容性寫法:var w=document.documentelement.clientwidth||document.body.clientwidth獲取瀏覽器可見區的寬度

邏輯運算 ||  &&  !

|| 遇到第乙個為真就返回

&& 遇到第乙個為假就終止,返回

false

,如果沒遇到就返回最後那乙個

5&&4&&2&&1  ==》

15&&0&&3&&0  ==>0

5||2&&3  且的優先順序高於或  

2&&3=

》3   5||3 ==》5

XML06 元素的屬性

2017 郭male 15137742640 郭male 15137742640 其中,id作為元素的屬性出現,屬性的名字為id,值為 2017 必須使用雙引號。其中,元素有四個屬性出現 由於student沒有text內容,所以可以簡寫為 例子 element x student x root.ad...

XML (4)元素與屬性

簡介 元素是包括標籤對在內的整個部分,屬性時標籤中的乙個鍵值對。type gif computer.giffile 1.元素是包括標籤對在內的整個部分,所以computer.gif整個標籤對稱之為元素。2.屬性時標籤中的乙個鍵值對,type gif 這部分稱之為屬性。男 小朱name 23age p...

XML 三 元素與屬性

xml 文件包含 xml 元素。xml 元素指的是從 且包括 開始標籤直到 且包括 結束標籤的部分。乙個元素可以包含 xml 元素必須遵循以下命名規則 可使用任何名稱,沒有保留的字詞。使名稱具有描述性。使用下劃線的名稱也很不錯 名稱應簡短和簡單,比如 而不是 避免 字元。如果您按照這樣的方式進行命名...