html、css、js入门-15-js基础6：JS的document对象与DOM

JS DOM操作较为复杂，但必须理解原理，后期可使用封装过的JQuery进行封装

document 对象

    每个载入浏览器的HTML文档都会成为 document对象

    通过使用 document 对象，可以从脚本中对HTML页面中的所有元素进行访问。

        document对象是Windom对象的一部分，可通过window.document 属性对其进行访问

DOM 概述

    DOM (Document Object Model):文档对象模型

    HTML 文档中的所有节点组成了一个文档树(或节点树)

       --  数起始于文档节点
       --  document 对象是一棵文档树的根
       --  HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点

节点信息

     nodeName
         -- 元素节点和属性节点:标签或属性名称
         -- 文本节点:永远是 #text

     innerHTML: 设置或获取位于对象起始和结束标签内的HTML

节点属性

     getAttribute()方法:根据属性名称获取属性的值

     将HTML标记、属性和CSS样式都对象化

根据元素ID查找节点

     .  方法: document.getElementById()

             通过指定的ID来返回元素节点
             忽略文档的结构
             查找整个HTML文档中的任何 HTML元素
             如果ID值错误，则返回 null