JavaScript DOM编程艺术小记（四）---DOM

一    ^节点的概念

       ^5个常用DOM方法：getElementById、getElementsByTagName、getElementsByClassName、getAttribute

          和setAttribute

    1. DOM含义

            ①D（document）文档

            ②O（object）对象

                    JavaScript语音中对象可分为三种

                    a.用户定义对象：程序员自行创建的对象

                    b.内建对象：内建在JavaScript语音中的对象，如Arrary、Math和Date

                    c.宿主对象：浏览器提供的对象

            ③M（Model）模型

                    可将其视为数据结构中的树。层层包含，根节点与子节点的关系递进。

        2. 节点

            ①元素节点

            ②文本节点

            ③属性节点

        3. 获取元素（如果是手写一定记得大小写和拼写！）

            ①getElementById

                    调用返回给定特定ID的对象，使用：

                    document.getElementById("id");

            ②getElementsByTagName

                    返回一个对象数组，参数是标签的名字

                    document.getElementsByTagName("body");

                    注：通配符（*）也可以作为此函数标签，用来计算文档中总共有多少元素节点。

            ③getEmelentsByClassName

                    document.getElementsByClassName("Class");

                    通过class类名访问元素，返回一个具有相同类名的元素的数组。

               注：②③均可与①连用

            ④ getAttribute

                    object.getAttribute("attribute");

                    获取每个object元素的attribute属性

            ⑤ setAttribute

                    object.setAttribute("attribute","value");

                    允许我们对属性节点的值做出修改