JavaScript的document一共有多少种属性方法？使用场景是什么？底层原理是什么？

document 对象是 JavaScript 中非常核心的对象之一，它是 DOM（Document Object Model）的一部分，提供了丰富的属性和方法用于操作网页上的元素和内容。以下是 document 对象的一些常见属性和方法，以及它们的使用场景和底层原理。

常见属性

1. document.documentElement

描述：返回 元素。使用场景：用于获取整个 HTML 文档的根元素，通常用于全局样式或布局调整。底层原理：DOM 树的根节点。

2. document.body

描述：返回 元素。使用场景：用于获取整个文档的主体部分，常用于动态修改页面内容或添加元素。底层原理：DOM 树中的 节点。

3. document.head

描述：返回 元素。使用场景：用于获取文档头部，常用于动态插入