04-JS特效-Html基本结构访问方法

最新推荐文章于 2021-09-20 13:19:10 发布

喝着绿茶的猫

最新推荐文章于 2021-09-20 13:19:10 发布

阅读量326

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/luyu13141314/article/details/53824032

版权

JavaScript基础专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

喝着绿茶的猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
04-JS特效-Html基本结构访问方法

HTML基本结构访问方法：document.title–文档标题document.head –文档的头标签document.body –文档的body标签document.documentElement -它表示文档的html标签e.g. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">
复制链接

扫一扫

专栏目录