Document类型、HTMLDocument类型和document对象的区别

Posted on by mannuan One min read
Table of Contents
  1. Dcoment表示文档，这里的文档可以是HTML文档，也可以是XML文档，换句话说Document类型能表示HTML和XML等文档；
  2. HTMLDocument对象继承自Document对象，专用于表示HTML文档；
  3. document对象是HTMLDocument对象的一个实例，表示整个HTML页面，又叫做页面的根节点；

Document对象（根节点）的特征：

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    </body>
    <script>
        console.log(document.nodeType);
        console.log(document.nodeName);
        console.log(document.nodeValue);
        console.log(document.parentNode);
        console.log(document.ownerDocument);
        console.log(document.childNodes);  // 其子节点可能是一个DocumentType(最多一个)、Element(最多一个)、ProcessingInstruction或Comment
    </script>
</html>