04-JS特效-Html基本结构访问方法-优快云博客

本文介绍了如何使用JavaScript访问HTML文档的基本结构元素，包括文档标题、头部、主体及html标签等。通过具体示例展示了如何利用document对象的不同属性来获取这些元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML基本结构访问方法：

document.title–文档标题
document.head –文档的头标签
document.body –文档的body标签
document.documentElement -它表示文档的html标签

e.g.

  <!DOCTYPE html>
  <html>
  <head lang="en">
      <meta charset="UTF-8">
      <title>你好</title>
  </head>
  <body>
  <script>
      //2.主标签获取（title/body/head/html）;  所有主标签都内嵌到document中了。
      //主标签中的普通标签
      console.log(document.body);
      console.log(document.head);


      //主标签中的第一个特殊标签
      console.log(document.getElementsByTagName("title")[0]);// <title>你好</title>
      console.log(document.title);//你好。获取到的是内容。innerHTML属性。


      //主标签中的第二个特殊标签
      console.log(document.html);//undefined .因为html在document中没有被定义。
      console.log(document.documentElement);//document中用documentElement代表获取html标签

  </script>

  </body>
  </html>

基本结构当中html标签并不是通过document.html访问的。而且通过document.documentElement