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