javascript - Document Html 在 javascript 中真正的文档是什么

标签 javascript html

我有代码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]) 我得到 HTML 元素

这是什么意思?为什么文档有子节点? javascript 中的真正文档是什么?

最佳答案

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

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

关于javascript - Document Html 在 javascript 中真正的文档是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40354405/

相关文章:

javascript - 使用正则表达式强制 URL 字段不包含 "http://www."

javascript - CSS 获取父元素属性

html - CSS 高度、居中和边距问题

html - 盒子阴影不显示

Javascript "If"语句或 "&&"逻辑运算符

javascript - 仅显示 google.maps.event.addListener() 中的街道地址

javascript - 通过href获取<a></a>标签之间的值

html - 如何将所有内容置于页面中心?

javascript - 在 onClick 函数中传递输入文本框值 - php

javascript - 如何从指令链接函数内部添加带有绑定(bind)表达式的属性