您现在的位置:首页 >> 前端 >> 内容

关于文档节点document的理解

时间:2018/3/23 11:27:41 点击:

  核心提示:对于文档节点document的理解文档节点,document,隶属于表示浏览器的window对象,表示网页页面,又称为根节点1、特征三个node属性---nodeType=9 nodeValue=nu...

对于文档节点document的理解

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

1、特征

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

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

关于文档节点document的理解

2、子节点

A、<html>

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

[html] view plain copy

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

B、<body>

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

[html] view plain copy

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

C、<!DOCTYPE>

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

[html] view plain copy

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

D、<head>

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

[html] view plain copy

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

3、文档信息

A、title

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

[html] view plain copy

console.log(document.title);//Document  

document.title="test";  

console.log(document.title);//test  

作者:网络 来源:感恩、奋进、自信