DOM启蒙——第二章
1.文档节点
HTMLDocument构造函数在DOM中创建DOCUMENT_NODE(如window.document)。
alert(window.document.constructor);//function HTMLDocument()
alert(window.document.nodeType);//DOCUMENT_NODE 9
即HTMLDocument构造函数构造了window.document节点对象，并且该节点是个DOCUMENT_NODE对象
2.HTML文档属性与方法
var P=document.getElementById("p");
P.innerHTML=("document的构造函数是： "+window.document.constructor);//function HTMLDocument()
P.appendChild(document.createElement("br"));
var a=document.createTextNode("document的节点类型值是: ");
P.appendChild(a);
P.appendChild(document.createTextNode(window.document.nodeType));//DOCUMENT_NODE 9
P.appendChild(document.createElement("br"));
//自有属性
var b=document.createTextNode("document自有属性: ");
P.appendChild(b);
text1=(Object.keys(document).sort());
var t1=document.createTextNode(text1);
P.appendChild(t1);
P.appendChild(document.createElement("br"));
//自有属性和继承属性
var c=document.createTextNode("document自有属性与继承属性： ");
P.appendChild(c);
var inheritAndSelfProperty=[];
for(var x in document){
inheritAndSelfProperty.push(x).sort;
}
inheritAndSelfProperty.sort();
for(var i=0;i<inheritAndSelfProperty.length;i++){
var d=document.createTextNode(inheritAndSelfProperty[i]+" | ");
P.appendChild(d);
}
P.appendChild(document.createElement("br"));
P.appendChild(document.createElement("hr"));
//继承属性
var e=document.createTextNode("document继承属性： ");
P.appendChild(e);
var onlyInherit=[];
for(var x in document){
if(!document.hasOwnProperty(x)){
onlyInherit.push(x);
}
}
onlyInherit.sort();
for(var i=0;i<onlyInherit.length;i++){
var f=document.createTextNode(onlyInherit[i]+" | ");
P.appendChild(f);
}
var d=document;
alert(d.title);
alert(d.url);
alert(d.referrer);
alert(d.lastModified);
alert(d.compatMode);
document.childNodes至少包含文档的文档类型和html元素
P.appendChild(document.createTextNode(document.childNodes[1].nodeName));//html
●document.doctype指向<!DOCTYPE>
●document.documentElement指向<html lang="en">
●document.head指向<head>
●document.body指向<body>
6.使用document.implementation.hasFeature()探测DOM规范
document.implementation.hasFeature('core','2.0');
使用isSupported方法可以获取某一特定节点的实现程度信息，如element.isSupported(feature,version)
使用document.activeElement可以获取当前获得交点的节点
P.appendChild(document.createTextNode(document.hasFocus())); //true
document.defaultView属性是一个到JavaScript顶部对象的捷径,浏览器中指向window object.
10.使用ownerDocument从某一元素取得文档的引用
P.appendChild(document.createTextNode(window.frames[0].document.body.ownerDocument))
如果在document节点上调用ownerDocument将返回null