html基礎知識介紹

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)