首页 > 代码库 > jacascript document对象

jacascript document对象

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

  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对象