DOM：文檔對象模型，定義訪問和處理html文檔的標準方法。 DOM節點有： 元素節點：<html> <body>之類的都是 文本節點：向用戶展示內容，如<li>…</li>中的JavaScript、DOM、CSS等 屬性節點：元素屬性，如<a>標簽內的鏈接屬性href="http://www.ba ...
DOM：文檔對象模型，定義訪問和處理html文檔的標準方法。
DOM節點有：
元素節點：<html> <body>之類的都是
文本節點：向用戶展示內容，如<li>…</li>中的JavaScript、DOM、CSS等
屬性節點：元素屬性，如<a>標簽內的鏈接屬性href="http://www.baidu.com"
節點屬性：
|
方法 |
說明 |
|
nodeName |
返回一個字元串， 其內容是給定節點的名字 |
|
nodeTypee |
返回一個整數，這個數值代表給定節點的類型。 |
|
nodeValue |
返回給定節點的當前值 |
遍歷節點數：
|
方法 |
說明 |
|
chilidNodese |
返回一 個數組，這個數組由給定元素節點的子節點構成 |
|
firstChilde |
返回第-個子節點 |
|
lastChilde |
返回最後一個子節點 |
|
parentNodee |
返回一個給定節點的父節點 |
|
nextsiblinge |
返回給定節點的下一一個子節點 |
|
preioussiblinge |
返回給定節點的上一一個子節點 |
DOM操作
|
方法 |
說明 |
|
createElementelement() |
創建一個新的元素節點 |
|
createTextNodepe |
創建一個包含著給定文本的新文本節點。 |
|
appendChild |
指定節點的最後一個子節點列表之後添加一個新的 |
|
insertBetore() |
將一個給定節點插入到一個給定元素節點的給定子節點 |
|
removechild() |
從個給定元素中冊除個子節點 |
|
replaceChild() |
把一個給定父元素里的一個子節點替換為另外一個 |
返回帶有指定名稱的節點對象的集合：
document.getElementsByName(name)
註意:
1. 因為文檔中的 name 屬性可能不唯一，所有 getElementsByName() 方法返回的是元素的數組，而不是一個元素。
2. 和數組類似也有length屬性，可以和訪問數組一樣的方法來訪問，從0開始。
返回帶有指定標簽名的節點對象集合：
document.getElementsByTagName(Tagname)
區別：
|
方法 |
說明 |
獲得 |
|
getElementByld |
通過指定 id獲得元素 |
一個 |
|
getElementsByName |
通過元素名稱name屬性獲得元素。 |
一組 |
|
getelmentsByTagName |
通過標簽 名稱獲得元素 |
一組 |
getAttribute()方法：
elementNode.getAttribute(name)
在文檔對象模型 (DOM) 中，每個節點都是一個對象。DOM 節點有三個重要的屬性 ：
1. nodeName : 節點的名稱
2. nodeValue ：節點的值
3. nodeType ：節點的類型
一、nodeName 屬性: 節點的名稱，是只讀的。
1. 元素節點的 nodeName 與標簽名相同
2. 屬性節點的 nodeName 是屬性的名稱
3. 文本節點的 nodeName 永遠是 #text
4. 文檔節點的 nodeName 永遠是 #document
二、nodeValue 屬性：節點的值
1. 元素節點的 nodeValue 是 undefined 或 null
2. 文本節點的 nodeValue 是文本自身
3. 屬性節點的 nodeValue 是屬性的值
三、nodeType 屬性: 節點的類型，是只讀的。以下常用的幾種結點類型:
元素類型 節點類型
元素 1
屬性 2
文本 3
註釋 8
文檔 9
