前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！

　　Document 类型表示文档，或文档的根节点，这个节点是隐藏的，没有具体的节点标签；而 html 是根标签；

　　如果想得到 HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；

　　有时候我们只是想得到 body 标签，还可以用 document.body 获取；

        <script type="text/javascript">

            console.log(document.nodeType);//9

            console.log(document.childNodes[0]);//<!DOCTYPE html>

            console.log(document.childNodes[0].nodeType);//10  IE8及以下返回8

            console.log(document.childNodes[1]);//<html>...</html>

            console.log(document.childNodes[1].nodeType);//1

            console.log(document.childNodes[1].nodeName);//HTML

            //如果想得到HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；

            console.log(document.documentElement);//<html>...</html>

            //有时候我们只是想得到 body 标签

            //我们之前用的 document.getElementsByTagName('body')[0]; 获得

            //还可以用 document.body 获取

            console.log(document.body === document.getElementsByTagName('body')[0]);

        </script>

　　下面是一些前端常用到的 document 属性：

   属性 说明
主要属性 document.title 设置文档标题等价于HTML的<title>标签
  document.bgColor 设置页面背景色
  document.fgColor 设置页面前景色（文本颜色）
  document.linkColor 未点击过的链接颜色
  document.alinkColor 激活链接(焦点在此链接上)的颜色
  document.vlinkColor 已点击过的链接颜色
  document.URL 设置URL属性从而在同一窗口打开另一网页
  document.fileCreatedDate 文件建立日期，只读属性
  document.fileModifiedDate 文件修改日期，只读属性
  document.fileSize 文件大小，只读属性
  document.cookie 设置和读出cookie
  document.charset 设置字符集 国际编码格式：utf-8
     
指向其他节点或对象的属性 document.doctype <!DOCTYPE html>
  document.documentElement <html>...</html>
  document.head <head>...</head>
  document.defaultView window
  document.activeElement 获得焦点的元素
     
指向特定元素集合的属性 document.all 文档中的所有元素，Firefox不支持此属性
  document.anchors 文档中所有的锚点，已废弃
  document.links 文档中所有的 a 超链接元素
  document.forms 文档中所有的 forms 元素
  document.images 文档中所有的 img 元素
  document.scripts 文档中所有的 script 元素
  document.styleSheets 文档中所有的 style 元素
     

jacascript document对象的更多相关文章

  1. 报表软件JS开发引用HTML DOM的location和document对象

    上一次提到,在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows.location.document三种.这次就继续介绍后两种,locati ...

  2. Document对象和window对象

    window对象--- 代表浏览器中的一个打开的窗口或者框架,window对象会在<body>或者<frameset>每次出现时被自动创建,在客户端JavaScript中,Wi ...

  3. Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  4. JavaScript的DOM操作。Window.document对象

    间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数) 例 :      window.setlnteval("alert("你 ...

  5. HTML DOM Document 对象

    HTML DOM Document 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档. 所有的HTML ...

  6. JS中document对象和window对象有什么区别

    简单来说,document是window的一个对象属性.Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 windo ...

  7. 9.22 window对象、document对象

    一.window对象: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口 dialogArgume ...

  8. Window.document对象 轮播练习

    Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =docun ...

  9. javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

    javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...

随机推荐

  1. lvs(dr)+keepalived

    系统:centos6.5mini 环境: 机器名 Ip地址 角色 Vip-web: 192.168.20.50 Vip-mysql: 192.168.20.60 lvs01 192.168.20.10 ...

  2. Konckout第三个实例：循环绑定 -- table列表数据的填充

    传统js:拼接字符串,再写入指定标签中 <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...

  3. memcache图形化管理工具MemAdmin

    给大家介绍一款 memcache图形化管理工具: MemAdmin 下载地址: http://www.junopen.com/memadmin/ wget http://www.junopen.com ...

  4. Mac下安装virtualenv, 并在PyCharm中使用

    今天在安装一个leader写的package的时候,同事建议安装到虚拟环境中,再在PyCharm里使用该虚拟环境即可.此处记录下经过: 开发Python应用的时候,有时会遇到不同的Python应用依赖 ...

  5. [BZOJ 1040][ZJOI2008]骑士

    1040: [ZJOI2008]骑士 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 5403  Solved: 2060[Submit][Status ...

  6. 计算1-1/3+1/5-1/7+···的前n项和

    这图1为书里的教材,图二为自己打的程序 (1)二者相比,自己写的代码显得更短,听说代码写的越精简越好,但是自己的较难分析,他人看来可能会较难理解一点:(自己在第一次运行时将for()中的第二个表达式写 ...

  7. x64系统安装ODAC问题经验分享

    64bit系统安装ODAC经验分享 背景: 最近项目里面有用到 WCF+Entity Framework+oracle 这个架构用过的朋友应该都知道,Entity Framework要通过ODAC的方 ...

  8. 【福大软工】 W班级总成绩排名3

    评分链接: alpha测试    软件产品案例分析 总分排名: 团队千帆竞发图 总结: 本次排名是alpha测试    软件产品案例分析 两次排名的汇总. 1.alpha测试小组评价: 听说:10篇冲 ...

  9. 20162320刘先润第三周Bag类测试

    前言 以下内容是本周Bag代码的课后作业,要求是完成伪代码.产品代码和测试代码,为了书写方便我将伪代码以注释的形式写在了产品代码的后面 测试步骤 1.首先对Bag类引用BagInterface的代码进 ...

  10. 团队作业7——Beta版本冲刺计划及安排

    上一个阶段的总结: 在Alpha阶段,我们小组已近完成了大部分的功能要求,小组的每一个成员都发挥了自己的用处.经过了这么久的磨合,小组的成员之间越来越默契,相信在接下来的合作中,我们的开发速度会越来越 ...