zoukankan      html  css  js  c++  java
  • 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 元素
         
  • 相关阅读:
    【LeetCode】-- 73. Set Matrix Zeroes
    (第三场) A PACM Team 【dp,五维背包】
    POJ 1745 【0/1 背包】
    (第三场) H Diff-prime Pairs 【数论-素数线性筛法+YY】
    POJ 2299 【树状数组 离散化】
    树状数组 && 线段树应用 -- 求逆序数
    HDU 1698 【线段树,区间修改 + 维护区间和】
    HDU 1166 【线段树 || 树状数组,单点修改 维护区间和】
    (第二场)D Money 【dp贪心】
    (第二场)A Run 【动态规划】
  • 原文地址:https://www.cnblogs.com/sspeng/p/6694582.html
Copyright © 2011-2022 走看看