沈陽做網站公司 發布時間 : 2021-03-03
沈陽網站建設Javascript文檔對象模型DOM和瀏覽器對象模型BOM的用法,在DOM部分主要包括對HTML元素的查找、動態創建、內容屬性修改,以及事件和節點:在BOM部分主要包括了5種常用對象。
沈陽網站制作學習目標掌 Javascript DOM的用法;掌握 Javascript BOM的用法。
1文檔對象模型
1.1查找HTML元素
在 Javascript i中有3種方式可以查找HTML元素。
通過HTML元素的d名稱查找
通過HTML元素的標簽名稱查找
通過HIML元素的類名稱查找。
1.通過d名稱查找HTML元素
一般默認不同的HTML元素使用不一樣的d名稱以示區別,因此通過id名稱找到指定的單個元素,在 Javascript中語法如下。
docu-ent. getelementbyid("id名稱”);
其中, getelementbyld方法逆照駝峰命名法,即第一個單詞全小寫,后面的每一個單詞的首字母大寫。這種命名方法在 Javascript中比較普遍。如果未找到該元素,返回值為null如果找到該元素,則會以對象的形式返回。
例如,查找id="tcs"的元素井獲取該元素內部的文本內容。
/根據1d名稱獲取元素對象
var test-document getelementbyid("test")i//獲取元素內容
var result-testinnerhtml
為使代碼簡便,使用了與id名稱同名的變量test來獲取指定元素,該變量名稱也可以是其他自定義變量名,不影響運行效2
HTML元素均有定的標名稱,因此通過標名稱可以到指定的單個一系列元素,在 Javascript I中語法如下
document.e tll ementsbytagnam("名稱”此時方法中的 ements是復數形式,因為要考慮到有可能存在多個元素符臺要求。同樣,如果未找到符合的元素,返回值為mu如果有多個符臺條件的元素,則值是數
組的形式例如,查找所有的段落元素p>并獲取第一個段落標內部的文本內容
at p-document, etelementbytagham ("p"/
result-p[o).innerhtmli
因為有多個段落標,所以變量的返回值是數組的形式?其中,第一個段落標多對應是?,以此類推,最后一個元素對應的索引號為數組長度
3.通過類名稱查找HTML元紫
document gete lementsbyclassnamet()方法可用于根據類名稱獲取HTM.元素,在Javascript中語法如下naty名此時方法中的 Elements是復數形式,因為要考慮到有能存在多個元素符臺要求,同樣,如果未找到符合的元素,返回值為mul如果有多個符合條件的元素,則返回值是數組的形式
6、7、8版本中使用均無,為濾各個版本詞的,如
果不能保證用戶使用IE5、6、7、8阪本以外的湖覽器,則不建以使用此方法來獲取fTML.
注:該方法在IE5
元素
分別根據d名稱、標簽名稱和類名稱查找指(的元素對象,并使川aem0語句輸出指JavascriptDoM查找元素的對象,并使用alert()語句輸出指定元素對象的內容。
024-8652152013840164561
info@dtnnet.com
沈陽市于洪區長江北街142-4號