DOM 節點層次 Element型別

一、element型別：

nodetype: 1;

nodename: 元素名;

nodevalue: null;

parentvalue: document 或者 element;

var odiv  = document.getelementbyid("example");

alert(odiv.tagname);
//"div"
alert(odiv.nodename);//
"div"
alert(odiv.tagname == odiv.nodename) //
true

html始終返回全部大寫 ，xml（xhtml）與原始碼保持保持一致。可進行以下比較：

if (element.tagname.tolowercase() == "div")

二、html元素：

獲取特性：getattribute() 不區分大小寫 一般獲取自定義特性才用getattribute();

設定特性：setattribute() 設定的特性統一轉換為小寫

var odiv  = document.getelementbyid("example");

odiv.mycolor = 'red';
alert(odiv.setattribute("mycolor")); //
null(ie除外)

ie相反 會自動建立自定義的特性。

刪除特性：removeattribute()  刪除特性值與特性

三、attributes屬性：

attributes屬性包含乙個namenodemap 動態集合 類陣列物件。

1.getnameditem(name) 返回nodename屬性等於name的節點

2.removenameitem(name) 移除nodename屬性等於name的節點

3.setnameitem(name) 新增節點

4.item(pos) 節點索引

遍歷元素屬性列表：

function

outputattributes(element) 
}return pairs.join(" ");
}

1.不同瀏覽器返回順序不同

2.ie7— 會返回所有可能的特性 包括沒有指定的特性 以上函式返回指定特性

四、建立元素：

document.createelement() 不區分大小寫

ie：使用傳入完整的元素標籤 需轉義 解決部分iframe問題 詳細 page 268

五、子節點：

ie：只返回子節點

其他瀏覽器：返回子節點+文字節點（元素之間的空白符）

DOM 節點層次

一 dom1級定義了乙個node介面，這個介面是由dom中的所有節點型別實現的。node介面共有12種節點型別，常見的是元素節點 文字節點和文件節點。node.element node 1 元素節點 node.text node 3 文字節點 node.document node 9 文件節點 二 ...

DOM 節點層次 Document型別

一 document型別 nodetype 9 nodename document nodevalue null parentvalue null ownerdocumet null.其他瀏覽器 除ie 可以訪問document的建構函式與原型 所有瀏覽器 包括ie8 訪問 htmldocument...

JavaScript中DOM的層次節點（二）

text型別為文字節點，包含的是可照字面解釋的純文字內容，可以包含轉義後的html字元，但不能包含html 型別值 nodetype 3nodename text nodevalue 節點所包含的文字 parentnode element 沒有節點 可以通過nodevalue和data屬性訪問tex...