js-DOM 第一讲解

DOM是“Document Object Model”（文档对象模型）的缩写的首字母缩写如果没有DOM（文档）。DOM也就无从谈起。

JavaScript语言里的对象可以分为三种类型：

    1.用户定义对象(user-defined object)：由程序员自己创建的对象。

     2.内建对象(native object)：内建在JavaScript语言里的对象，如Array，Math和Date等。

     3.宿主对象（host object）：由浏览器提供的对象。

最基础的对象是window对象

DOM把一份文档标示成一棵树  （自行查看dom树）。

节点：元素节点  用1标示 文本节点 用2标识 属性节点 用3标识

以下注意大小写

一、getElementById()方法

          你想获得哪个元素的id属性值，这个id值必须放在单引号或双引号里。如document.getElementById("id");

二、getElementByTagName()方法

            getElementByTagName()方法将返回一个对象的数组，每个对面都应该放在文档里有给定目标的一个元素。

            element.getElementByTagName(tag);

            如果有li标签的话，可以用for循环遍历:

                    for(var i=0; i<document.getElementTagName("li").length; i++){

                            console.log(type of document.getElementByTagName("li")[i]);//console.log()在Google浏览器中使用

                    }

三、 getAttribute()方法

         getAttribute()方法是一个函数。它只有一个参数——打算查询属性的名字：

         object.getAttribute(attribute)

         如:var paras = document.getElementByName("p");

              for (var i=0;i<paras.length;i++){

                     console.log(paras[i].getAttribute("title"));

             }

四、 setAttribute()方法

         类似于getAttribute()方法，setAttribute()方法只能通过元素节点及节点对象调用的函数，但setAttribute()方法需要我们向他传递两个参数：

        object.setAttribute(attribute,value);如

        var shopping = document.getelementById("shopping");

        shopping.setAttribute("ttile","phone");