html基礎(chǔ)知識(shí)介紹

HTMLDOM
1.什么是HTMLDOM?

HTMLDOM提供處理HTML文檔的API。

2.W3CDOM與HTMLDOM的區(qū)別

W3CDOM可以處理HTML/XML文檔;

HTMLDOM僅能處理HTML文檔。

3.獲取對(duì)象

HTMLElement document.getElementById(string id)

4.訪問HTML對(duì)象的屬性

object.屬性名稱 = 值

[var 變量名稱 = ] object.屬性名稱

說明:
A.HTML標(biāo)記的屬性即HTMLDOM節(jié)點(diǎn)的屬性。

B.如果HTML標(biāo)記的屬性為合成詞,在HTMLDOM中應(yīng)采用"駝峰標(biāo)記法"命名。

C.HTML標(biāo)記的class屬性,在HTMLDOM中應(yīng)使用className取代。(因?yàn)閏lass是ECMAScript預(yù)保留的關(guān)鍵字)

D.HTML標(biāo)記的style屬性,在HTMLDOM中將返回
CSSStyleDecleration(或CSS2Properties)對(duì)象。

5.CSSStyleDecleration對(duì)象

訪問CSS樣式

CSSStyleDeclaration.屬性名稱 = 值

[var 變量名稱 = ] CSSStyleDeclaration.屬性名稱 = 值

說明:
A.如果CSS樣式為單個(gè)單詞，則在CSSStyleDeclaration對(duì)象中直接書寫。

B.如果CSS樣式帶有短橫線,則在CSSStyleDeclaration對(duì)象中去掉短橫線，然后再使用"駝峰標(biāo)記法"命名。

C.CSS樣式中的float屬性在CSSStyleDeclaration對(duì)象中,如果瀏覽器為Chrome、Firefox等，則使用cssFloat取代;如果瀏覽器為IE則使用styleFloat取代。

6.訪問HTML對(duì)象的文本

所有文本都認(rèn)為純文本(HTML不能被解析)
object.innerText

HTML可以被解析
object.innerHTML

7.添加節(jié)點(diǎn)

A.全部HTMLDOM節(jié)點(diǎn)的創(chuàng)建都可以通過W3CDOM的方法實(shí)現(xiàn)

B.有幾個(gè)特殊的HTMLDOM節(jié)點(diǎn)，它們擁有自己
的創(chuàng)建、刪除方法。

7.1 圖像

通過構(gòu)造函數(shù)方式

[var 變量名稱 = ] new Image(width,height)

7.2 列表框

A.列表框

add()方法

描述:添加Option對(duì)象

語法:object.add(optionElement)

remove()方法
描述:刪除Option對(duì)象
語法:object.remove(index)

options屬性

描述:返回列表框中所有列表項(xiàng)的集合

語法:object.options

value
描述:返回列表框中被選定選項(xiàng)的值

語法:string object.value

B.列表選項(xiàng)

創(chuàng)建列表選項(xiàng)對(duì)象(Option對(duì)象) -- 構(gòu)造函數(shù)方式

[var 變量名稱 = ] new Option(text[,value[,defaultSelected[,selected]]])

text,指列表項(xiàng)顯示文本

value,指列表項(xiàng)的提交值,如果省略value,則提交值與顯示文本相同。

defaultSelected,指是否為默認(rèn)選項(xiàng)(boolean)

selected,指是否被選定
(boolean)