文档Html,它是真正的文档在javascript

Document Html what it is really document in javascript

本文关键字:文档 javascript Html      更新时间:2023-09-26

我有代码html代码:

<!DOCTYPE html>
<html><head></head><body><script src="index.js"></script></body></html>

和index.js中的javascript代码:

console.log(document)// HTMLDocument
console.log(document.childNodes[0])//Object DocumentType

但是当我在html代码中删除Doctype时,我运行console.log(document.childNodes[0]) i get HTML elements

这一切意味着什么?为什么文档有childNodes?javascript文档到底是什么?

document.childNodes[0]是页面的第一个元素。如果存在<!DOCTYPE html>,则这是第一个元素,因此它返回DocumentType。

如果DOCTYPE不在那里,那么第一个元素是<html>标记。因此,document.childNodes[0]是页面的元素,因为所有其他标签都包含在html标签中(但DOCTYPE标签中没有包含任何内容)