📜  HTML | DOM documentElement 属性(1)

📅  最后修改于: 2023-12-03 15:15:35.057000             🧑  作者: Mango

HTML | DOM documentElement 属性

在HTML文档中,document对象表示文档本身,而document.documentElement属性则提供了文档的根元素。该属性返回文档中的根元素,即HTML根标签。

语法
document.documentElement
返回值

返回文档中的根元素,即HTML根标签。

举例

例如,我们可以使用以下代码来获取文档的根元素并打印到控制台:

console.log(document.documentElement);

这将返回以下结果:

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <div>
      <h1>Hello, World!</h1>
    </div>
  </body>
</html>
扩展

由于HTML根元素是文档的最高级元素,因此该属性在许多情况下非常有用。例如,您可以使用document.documentElement属性来获取页面的高度和宽度:

var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;
结论

在本文中,我们介绍了HTML | DOM documentElement属性,它返回文档中的根元素,即HTML根标签。您可以使用该属性来获取页面高度和宽度等信息。