国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线

DOM常見的操作方式有哪些

2018-6-22 seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中，請點這里

1.什么是DOM

DOM 是 Document Object Model（文檔對象模型）的縮寫。

DOM是中立于平臺和語言的接口，它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。

在 HTML DOM中，所有事物都是節點。DOM 是被視為節點樹的 HTML。

什么是節點
2.什么是DOM節點
HTML 文檔中的所有內容都是節點

整個文檔是一個文檔節點

每個 HTML 元素是元素節點

HTML 元素內的文本是文本節點

每個 HTML 屬性是屬性節點

注釋是注釋節點

demo
3.常見的DOM屬性
屬性是節點（HTML 元素）的值，您能夠獲取或設置。

innerHTML 屬性
nodeName 屬性

nodeName 屬性規定節點的名稱

元素節點的 nodeName 與標簽名相同

屬性節點的 nodeName 與屬性名相同

文本節點的 nodeName 始終是 #text

文檔節點的 nodeName 始終是 #document

nodeValue 屬性
nodeValue 屬性規定節點的值。

元素節點的 nodeValue 是 undefined 或 null

文本節點的 nodeValue 是文本本身

屬性節點的 nodeValue 是屬性值

4.訪問元素的方法

通過使用 getElementById() 方法

通過使用 getElementsByTagName() 方法

通過使用 getElementsByClassName() 方法

5.修改元素的方法
改變 HTML 內容

document.getElementById("p1").innerHTML="New text!";

改變 CSS 樣式

document.getElementById("p2").style.color="blue";

改html和css
追加子元素的方法

首先必須創建該元素（元素節點），然后把它追加到已有的元素上。var para=document.createElement("p");

創建新的 HTML 元素 - appendChild() 在父元素的最后追加

創建新的 HTML 元素-element.insertBefore(para,child);在指定位置給父級追加子元素

刪除 HTML 元素，您必須清楚該元素的父元素：parent.removeChild(child);

替換 HTML 元素:parent.replaceChild(para,child); 方法

6.DOM - 事件
允許 JavaScript 對 HTML 事件作出反應

onclick 事件——當用戶點擊時

onload 事件——用戶進入

onunload 事件——用戶離開

onmouseover事件——鼠標移入

onmouseout事件——鼠標移出

onmousedown事件——鼠標按下

onmouseup 事件——鼠標抬起

7.參考文獻

8.更多討論

問題1:getElementsByClassName() 使用時需要注意的地方

回答:它取出來的是個數組,及時只有一個那也是數組對象,所以改變指定元素時需使用角標

問題2:innerHTML 和innerText的區別

回答:innerText替換是會將標簽替換成字符串,而innerHTML 則會保留標簽插入到節點當中

問題3:dom事件

回答:事件是文檔或者瀏覽器窗口中發生的，特定的交互瞬間。事件是用戶或瀏覽器自身執行的某種動作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之間交互的橋梁。

事件發生，調用它的處理函數執行相應的JavaScript代碼給出響應。

藍藍設計( m.wowo44.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務