通過(guò) HTML DOM(文檔對(duì)象模型)，可訪問(wèn) JavaScript HTML 文檔的所有元素。
當(dāng)網(wǎng)頁(yè)被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型（Document Object Model）。
通過(guò)可編程的對(duì)象模型，JavaScript 獲得了足夠的能力來(lái)創(chuàng)建動(dòng)態(tài)的 HTML。
JavaScript 能夠改變頁(yè)面中的所有 HTML 元素。
JavaScript 能夠改變頁(yè)面中的所有 HTML 屬性。
JavaScript 能夠改變頁(yè)面中的所有 CSS 樣式。
JavaScript 能夠?qū)?yè)面中的所有事件做出反應(yīng)。
。。。。。。。。。。
查找 HTML 元素：
通常，通過(guò) JavaScript，您需要操作 HTML 元素。
http://www.iis7.com/b/wzjk/
為了做到這件事情，您必須首先找到該元素。有三種方法來(lái)做這件事：
通過(guò) id 找到 HTML 元素。 getElementById，查找元素。
通過(guò)標(biāo)簽名找到 HTML 元素。getElementsByTagName，查找元素中的子元素。
通過(guò)類名找到 HTML 元素。 getElementsByClassName，查找類名為class定義的元素。
在 DOM 中查找 HTML 元素的最簡(jiǎn)單的方法，是通過(guò)使用元素的 id。如果找到該元素，則該方法將以對(duì)象的形式返回該元素，如果未找到該元素，則 # 將包含 null。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
JavaScript HTML DOM - 改變 HTML
HTML DOM 允許 JavaScript 改變 HTML 元素的內(nèi)容。
在 JavaScript 中，document.write()：可用于直接向 HTML 輸出流寫內(nèi)容，絕對(duì)不要在文檔(DOM)加載完成之后使用 document.write()。這會(huì)覆蓋該文檔。
改變 HTML 內(nèi)容：
修改 HTML 內(nèi)容的最簡(jiǎn)單的方法是使用 innerHTML 屬性。
如需改變 HTML 元素的內(nèi)容，請(qǐng)使用這個(gè)語(yǔ)法：document.getElementById(id).innerHTML=新的 HTML。
改變 HTML 屬性：
如需改變 HTML 元素的屬性，請(qǐng)使用這個(gè)語(yǔ)法：document.getElementById(id).attribute=新屬性值。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
JavaScript HTML DOM - 改變CSS
HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。
改變 HTML 樣式(style)：
如需改變 HTML 元素的樣式，請(qǐng)使用這個(gè)語(yǔ)法：document.getElementById(id).style(樣式).property(屬性)=新樣式。
。。。。。。。。。。
使用事件：HTML DOM 允許我們通過(guò)觸發(fā)事件來(lái)執(zhí)行代碼。
比如以下事件：
元素被點(diǎn)擊。
頁(yè)面加載完成。
輸入框被修改。
。。。。。。。。。。。。。。。
JavaScript HTML DOM 事件：
HTML DOM 使 JavaScript 有能力對(duì) HTML 事件做出反應(yīng)。
對(duì)事件做出反應(yīng)：
我們可以在事件發(fā)生時(shí)執(zhí)行 JavaScript，比如當(dāng)用戶在 HTML 元素上點(diǎn)擊時(shí)。
如需在用戶點(diǎn)擊某個(gè)元素時(shí)執(zhí)行代碼，請(qǐng)向一個(gè) HTML 事件屬性添加 JavaScript 代碼：
onclick=JavaScript。
HTML 事件的例子：
當(dāng)用戶點(diǎn)擊鼠標(biāo)時(shí)。
當(dāng)網(wǎng)頁(yè)已加載時(shí)。
當(dāng)圖像已加載時(shí)。
當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)。
當(dāng)輸入字段被改變時(shí)。
當(dāng)提交 HTML 表單時(shí)。
當(dāng)用戶觸發(fā)按鍵時(shí)。
。。。。。。。。。。。。。。
onload 和 onunload 事件：
onload 和 onunload 事件會(huì)在用戶進(jìn)入或離開(kāi)頁(yè)面時(shí)被觸發(fā)。
onload 事件可用于檢測(cè)訪問(wèn)者的瀏覽器類型和瀏覽器版本，并基于這些信息來(lái)加載網(wǎng)頁(yè)的正確版本。
onload 和 onunload 事件可用于處理 cookie。
onchange 事件：onchange 事件常結(jié)合對(duì)輸入字段的驗(yàn)證來(lái)使用。
onmouseover 和 onmouseout 事件：onmouseover 和 onmouseout 事件可用于在用戶的鼠標(biāo)移至 HTML 元素上方或移出元素時(shí)觸發(fā)函數(shù)。
onmousedown、onmouseup 以及 onclick 事件：
onmousedown, onmouseup 以及 onclick 構(gòu)成了鼠標(biāo)點(diǎn)擊事件的所有部分。首先當(dāng)點(diǎn)擊鼠標(biāo)按鈕時(shí)，會(huì)觸發(fā) onmousedown 事件，當(dāng)釋放鼠標(biāo)按鈕時(shí)，會(huì)觸發(fā) onmouseup 事件，最后，當(dāng)完成鼠標(biāo)點(diǎn)擊時(shí)，會(huì)觸發(fā) onclick 事件。
onfocus：當(dāng)輸入字段獲得焦點(diǎn)時(shí)，改變其背景色。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
JavaScript HTML DOM EventListener(事件監(jiān)聽(tīng)器)
addEventListener() 方法用于向指定元素添加事件句柄。
addEventListener() 方法添加的事件句柄不會(huì)覆蓋已存在的事件句柄。
你可以向一個(gè)元素添加多個(gè)事件句柄。
你可以向同個(gè)元素添加多個(gè)同類型的事件句柄，如：兩個(gè) "click" 事件。
你可以向任何 DOM 對(duì)象添加事件監(jiān)聽(tīng)，不僅僅是 HTML 元素。如： window 對(duì)象。
addEventListener() 方法可以更簡(jiǎn)單的控制事件（冒泡與捕獲）。
當(dāng)你使用 addEventListener() 方法時(shí), JavaScript 從 HTML 標(biāo)記中分離開(kāi)來(lái)，可讀性更強(qiáng)， 在沒(méi)有控制HTML標(biāo)記時(shí)也可以添加事件監(jiān)聽(tīng)。
語(yǔ)法：element.addEventListener(event, function, useCapture)。
第一個(gè)參數(shù)是事件的類型 (如 "click" 或 "mousedown").
第二個(gè)參數(shù)是事件觸發(fā)后調(diào)用的函數(shù)。
第三個(gè)參數(shù)是個(gè)布爾值用于描述事件是冒泡還是捕獲。該參數(shù)是可選的。
注意:不要使用 "on" 前綴。 例如，使用 "click" ,而不是使用 "onclick"。
addEventListener() 方法允許你在 HTML DOM 對(duì)象添加事件監(jiān)聽(tīng)， HTML DOM 對(duì)象如： HTML 元素, HTML 文檔, window 對(duì)象。
當(dāng)傳遞參數(shù)值時(shí)，使用"匿名函數(shù)"調(diào)用帶參數(shù)的函數(shù)。
事件冒泡或事件捕獲？：
事件傳遞有兩種方式：冒泡與捕獲。
事件傳遞定義了元素事件觸發(fā)的順序。 如果你將 <p> 元素插入到 <div> 元素中，用戶點(diǎn)擊 <p> 元素, 哪個(gè)元素的 "click" 事件先被觸發(fā)呢？
在 "冒泡" 中，內(nèi)部元素的事件會(huì)先被觸發(fā)，然后再觸發(fā)外部元素，即： <p> 元素的點(diǎn)擊事件先觸發(fā)，然后會(huì)觸發(fā) <div> 元素的點(diǎn)擊事件。
在 "捕獲" 中，外部元素的事件會(huì)先被觸發(fā)，然后才會(huì)觸發(fā)內(nèi)部元素的事件，即： <div> 元素的點(diǎn)擊事件先觸發(fā) ，然后再觸發(fā) <p> 元素的點(diǎn)擊事件。
addEventListener() 方法可以指定 "useCapture" 參數(shù)來(lái)設(shè)置傳遞類型：addEventListener(event, function, useCapture);
默認(rèn)值為 false, 即冒泡傳遞，當(dāng)值為 true 時(shí), 事件使用捕獲傳遞。
removeEventListener() 方法：removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄。
：
JavaScript HTML DOM 元素(節(jié)點(diǎn))
創(chuàng)建新的 HTML 元素：如需向 HTML DOM 添加新元素，您必須首先創(chuàng)建該元素（元素節(jié)點(diǎn)），然后向一個(gè)已存在的元素追加該元素。
：
HTML DOM 教程
在我們的 JavaScript 教程的 HTML DOM 部分，您已經(jīng)學(xué)到了：
如何改變 HTML 元素的內(nèi)容 (innerHTML)
如何改變 HTML 元素的樣式 (CSS)
如何對(duì) HTML DOM 事件作出反應(yīng)
如何添加或刪除 HTML 元素

在橫山等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都營(yíng)銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站制作,橫山網(wǎng)站建設(shè)費(fèi)用合理。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

名稱欄目：javascript中的DOM-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://chinadenli.net/article6/dhodog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、定制網(wǎng)站、Google、網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)