HTMLDOM
1.什麼是HTMLDOM?
HTMLDOM提供處理HTML文檔的API。
2.W3CDOM與HTMLDOM的區別
W3CDOM可以處理HTML/XML文檔;
HTMLDOM僅能處理HTML文檔。
3.獲取對象
HTMLElement document.getElementById(string id)
4.訪問HTML對象的屬性
object.屬性名稱 = 值
[var 變量名稱 = ] object.屬性名稱
說明:
A.HTML標記的屬性即HTMLDOM節點的屬性。
B.如果HTML標記的屬性爲合成詞,在HTMLDOM中應採用"駝峯標記法"命名。
C.HTML標記的class屬性,在HTMLDOM中應使用className取代。(因爲class是ECMAScript預保留的關鍵字)
D.HTML標記的style屬性,在HTMLDOM中將返回
CSSStyleDecleration(或CSS2Properties)對象。
5.CSSStyleDecleration對象
訪問CSS樣式
CSSStyleDeclaration.屬性名稱 = 值
[var 變量名稱 = ] CSSStyleDeclaration.屬性名稱 = 值
說明:
A.如果CSS樣式爲單個單詞,則在CSSStyleDeclaration對象中直接書寫。
B.如果CSS樣式帶有短橫線,則在CSSStyleDeclaration對象中去掉短橫線,然後再使用"駝峯標記法"命名。
C.CSS樣式中的float屬性在CSSStyleDeclaration對象中,如果瀏覽器爲Chrome、Firefox等,則使用cssFloat取代;如果瀏覽器爲IE則使用styleFloat取代。
6.訪問HTML對象的文本
所有文本都認爲純文本(HTML不能被解析)
object.innerText
HTML可以被解析
object.innerHTML
7.添加節點
A.全部HTMLDOM節點的創建都可以通過W3CDOM的方法實現
B.有幾個特殊的HTMLDOM節點,它們擁有自己
的創建、刪除方法。
7.1 圖像
通過構造函數方式
[var 變量名稱 = ] new Image(width,height)
7.2 列表框
A.列表框
add()方法
描述:添加Option對象
語法:object.add(optionElement)
remove()方法
描述:刪除Option對象
語法:object.remove(index)
options屬性
描述:返回列表框中所有列表項的集合
語法:object.options
value
描述:返回列表框中被選定選項的值
語法:string object.value
B.列表選項
創建列表選項對象(Option對象) -- 構造函數方式
[var 變量名稱 = ] new Option(text[,value[,defaultSelected[,selected]]])
text,指列表項顯示文本
value,指列表項的提交值,如果省略value,則提交值與顯示文本相同。
defaultSelected,指是否爲默認選項(boolean)
selected,指是否被選定
(boolean)
喜歡這樣文章的可以關注我,我會持續更新,你們的關注是我更新的動力!需要更多java學習資料的也可以私信我!
祝關注我的人都:身體健康,財源廣進,福如東海,壽比南山,早生貴子,從不掉髮!