本文介绍了HTML文档中的Document节点，作为整个文档的根节点，Document拥有特定的属性和方法。文章详细解释了Document节点的特性，包括其nodeType、nodeValue及nodeName属性，并探讨了如何通过Document节点访问HTML、Body、Doctype及Head等子节点。
对于文档节点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'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
扫一扫
8063
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
