文档节点document的理解

对于文档节点document的理解

文档节点，document，隶属于表示浏览器的window对象，表示网页页面，又称为根节点

1、特征

三个node属性---nodeType=9 nodeValue=null nodeName='#document'

由于document节点是根节点，所以父节点parentNode指向null，ownerDocument也指向null。

2、子节点

A、<html>

document.documentElement属性始终指向html页面中的<html>元素

console.log(document.documentElement.nodeName);//'HTML'

B、<body>

document.body属性指向<body>元素

console.log(document.body.nodeName);//'BODY'

C、<!DOCTYPE>

document.doctype属性指向<!DOCTYPE>标签，IE8不识别，视为注释节点，值为null

console.log(document.doctype.nodeName);//'html'

D、<head>

document.head属性指向<head>元素，IE8不支持

console.log(document.head.nodeName);//'HEAD'

3、文档信息

A、title

<title>显示在浏览器窗口的标题栏或标签页上，document.title包含着<title>元素中的文本，该属性可读写

console.log(document.title);//Document
document.title="test";
console.log(document.title);//test

待续。。。。

相关文章