建站資(zī)訊

沈陽網站建設Javascript文檔對象模型DOM和浏覽器對象模型BOM的用法，在DOM部分(fēn)主要包括對HTML元素的查找、動态創建、内容屬性修改，以及事件和節點:在BOM部分(fēn)主要包括了5種常用對象。

沈陽網站制作學習目标掌 Javascript DOM的用法;掌握 Javascript BOM的用法。

1文檔對象模型

1.1查找HTML元素

在 Javascript i中(zhōng)有3種方式可以查找HTML元素。

通過HTML元素的d名稱查找

通過HTML元素的标簽名稱查找

通過HIML元素的類名稱查找。

1.通過d名稱查找HTML元素

一(yī)般默認不同的HTML元素使用不一(yī)樣的d名稱以示區别，因此通過id名稱找到指定的單個元素，在 Javascript中(zhōng)語法如下(xià)。

docu-ent. getelementbyid(＂id名稱”);

其中(zhōng)， getelementbyld方法逆照駝峰命名法，即第一(yī)個單詞全小(xiǎo)寫，後面的每一(yī)個單詞的首字母大(dà)寫。這種命名方法在 Javascript中(zhōng)比較普遍。如果未找到該元素，返回值爲null如果找到該元素，則會以對象的形式返回。

例如，查找id＝＂tcs＂的元素井獲取該元素内部的文本内容。

/根據1d名稱獲取元素對象

var test-document getelementbyid("test")i//獲取元素内容

var result-testinnerhtml

爲使代碼簡便，使用了與id名稱同名的變量test來獲取指定元素，該變量名稱也可以是其他自定義變量名，不影響運行效2

HTML元素均有定的标名稱，因此通過标名稱可以到指定的單個一(yī)系列元素，在 Javascript I中(zhōng)語法如下(xià)

document.e tll ementsbytagnam(＂名稱”此時方法中(zhōng)的 ements是複數形式，因爲要考慮到有可能存在多個元素符台要求。同樣，如果未找到符合的元素，返回值爲mu如果有多個符台條件的元素，則值是數

組的形式例如，查找所有的段落元素p＞并獲取第一(yī)個段落标内部的文本内容

at p-document, etelementbytagham ("p"/

result-p[o).innerhtmli

因爲有多個段落标，所以變量的返回值是數組的形式・其中(zhōng)，第一(yī)個段落标多對應是이，以此類推，最後一(yī)個元素對應的索引号爲數組長度

3.通過類名稱查找HTML元紫

document gete lementsbyclassnamet()方法可用于根據類名稱獲取HTM.元素，在Javascript中(zhōng)語法如下(xià)naty名此時方法中(zhōng)的 Elements是複數形式，因爲要考慮到有能存在多個元素符台要求，同樣，如果未找到符合的元素，返回值爲mul如果有多個符合條件的元素，則返回值是數組的形式

6、7、8版本中(zhōng)使用均無，爲濾各個版本詞的，如

果不能保證用戶使用IE5、6、7、8阪本以外(wài)的湖覽器，則不建以使用此方法來獲取fTML.

注:該方法在IE5

元素

分(fēn)别根據d名稱、标簽名稱和類名稱查找指(的元素對象，并使川aem0語句輸出指JavascriptDoM查找元素的對象，并使用alert()語句輸出指定元素對象的内容。