DOM_節點層次_Document類型

標籤：

一、Document類型

nodeType: 9;

nodeName: ”#document”;

nodeValue: null;

parentValue: null;

ownerDocumet: null.

其他瀏覽器（除IE）可以訪問Document的建構函式與原型；

所有瀏覽器 （包括IE8 +）訪問 HTMLDocument 的建構函式與原型；

var html = document.documentElement;//<html>的引用——所有瀏覽器支援var body = document.body;//<body>的引用——所有瀏覽器支援

二、尋找元素 document.getElementById()  ||  documet.getElementByTagName   ||  documet.getElementByName

document.getElementById() —— 區分大小寫，IE8及更早不區分大小寫。

特殊情況：<input>  <textarea>  <button>  <select>

<input type="text" name="text1" value="textVaile">    <div id="text1"></div>

IE7   通過document.getElementById(“text1”) 返回input

其他瀏覽器   通過document.getElementById(“text1”) 返回div

 

documet.getElementByTagName() —— 不區分大小寫  返回一個HTMLCollection “動態”集合 類似NodeList;

<img src="a.gif" name="img">var imgName = document.getElementByTagName("img").namedItem("img");

documet.getElementByName() —— 返回一個HTMLCollection “動態”集合 類似NodeList;

其他HTMLCollection 對象：

document.anchors——所有帶name的<a>元素

document.images     document.forms     document.links

三、檢測瀏覽器支援給定名稱和版本的功能

var hasCss2 = document.implementation.hasFeature("CSS","2.0")

DOM_節點層次_Document類型