《Javascript_DOM编程艺术》学习笔记（一）

    今天在知乎上刷到一篇文章，如何循序渐进的学习JS，觉得作者讲的不错，对于JS学习，我打算一边在网上找一些实战的项目练习，一边看书。作者推荐的第一本书就是《Javascript_DOM编程艺术》，现在就一边看一边做些笔记吧。

一，DOM---Document Object Model 文档对象模型 。它根据你写的网页文档创建一个文档对象。

二，JS语言里的对象分为三种：

• 用户定义对象：由程序员自行创建的对象
• 内建对象：内建在JS语言中的对象，比如：Array,Math,Data等
• 宿主对象：由浏览器提供的对象，比如window对象（window对象对应浏览器窗口本身，这个对象的属性和方法通常被统称为BOM--浏览器对象模型，而对网页的内容进行处理的主要是document对象）

三，DOM把文档表示成一棵家谱树（一个例子），如果把各种文档元素想像成一棵家谱树上的节点的话，把它叫做节点数更准确

四，DOM提供的两种检索特定元素的方法：

• getElementById():返回一个与那个有着给定ID属性值的元素节点相对应的对象，里面的参数是你想获得的那个元素的ID属性值（事实上，文档中的每一个元素都对应着一个对象，利用DOM提供的方法，我们可以把与这些元素相对应的任何一个对象筛选出来）
• getElementsByTagName():返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素，她的参数是（x）html标签的名字（她的参数允许为通配符*，这样你就可以获得某份文档里的全部元素节点）

五，

六，几个与对象相关联的属性和方法

• getAttribute(attribute)方法 参数：你打算查询的属性的名字   只能通过一个元素节点对象调用他   会返回该属性节点的值
• setAttribute(attribute,value)方法  允许我们对属性节点的值作出修改，如果要修改的属性原先不存在，那么执行该语句后，就相当于为这个对象增加了一个新的属性

var s = document.getElementById("purchases"); //选中ID为purchases的对象

s.setAttribute("title","a list of goods");//把她的title属性值更改