JavaScript高程学习——DOM（二）

最新推荐文章于 2021-10-05 17:56:13 发布

孤城瘾

最新推荐文章于 2021-10-05 17:56:13 发布

阅读量153

点赞数

分类专栏： javascript学习

本文链接：https://blog.csdn.net/weixin_43939379/article/details/90577774

版权

上一篇介绍了Node类型，那么这一篇我们来继续介绍其他的类型Document类型在JavaScript中，document类型表示文档，根据上一篇我们知道，document的对象是HTMLDocument（继承自Document类型），表示整个HTML实例。//接下来是一些其本身的属性：nodeType=9nodeName=#documentnodeValue=nullparen...

摘要由CSDN通过智能技术生成

上一篇介绍了Node类型，那么这一篇我们来继续介绍其他的类型

Document类型

在JavaScript中，document类型表示文档，根据上一篇我们知道，document的对象是HTMLDocument（继承自Document类型），表示整个HTML实例。

//接下来是一些其本身的属性：
nodeType=9
nodeName=#document
nodeValue=null
parentNode=null
ownerDocument=null
其子节点可能是Document、Element、ProcessingInstruction或Comment。

1.文档的子节点

其子节点可能是Document、Element、ProcessingInstruction或Comment。
除了上面的子节点还有两个内置的访问其子节点的快捷方式。

documentElement和childNode列表访问文档元素

该属性始终指向HTML文档中的<html>元素。

<html>
<head>
    <title>Document</title>
</head>
<body>
    <script>
        var html = document.documentElement;
        alert(html === document.childNodes[0]);
        alert(html === document.firstChild);
    </script>
</body>
</html>

在这里插入图片描述

由上面的可以看出来documentElement、firstChild和childNodes[0]的属性值相同，都指向<html>

除此之外，document对象还有一个body属性，直接指向<body>元素

最低0.47元/天解锁文章

孤城瘾

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript高程学习——DOM（二）

上一篇介绍了Node类型，那么这一篇我们来继续介绍其他的类型Document类型在JavaScript中，document类型表示文档，根据上一篇我们知道，document的对象是HTMLDocument（继承自Document类型），表示整个HTML实例。//接下来是一些其本身的属性：nodeType=9nodeName=#documentnodeValue=nullparen...
复制链接

扫一扫