javascript中的DOM

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

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比竹山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式竹山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋竹山地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

標(biāo)題名稱：javascript中的DOM
網(wǎng)頁路徑：http://bm7419.com/article4/jcseoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、面包屑導(dǎo)航、網(wǎng)站制作、網(wǎng)站營銷、App設(shè)計、網(wǎng)站改版

廣告

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