对象

对象：

对象： objet 代表所有对象
特征：属性 =变量
功能：方法=函数
js内置了 Date Fuction Array RegExp这几种变量。
对象实例：

var  cat={};
console.log(cat);

{}内即时对象，
下述实例是为对象添加属性：

var cat={};
cat.name='kitty';
cat.age=2;
console.log(cat);

为对象追加方法：

var cat={};
cat.name='kitty';
cat.age=2;
cat.catchMouse=function(){
console.log('抓住一只大老鼠');
}
console.log(cat);

属性重新赋值时，会覆盖原来的数据。如下示例：

var cat={};
cat.name='kitty';
cat.age=2;
cat.catchMouse=function(){
console.log('抓住一只大老鼠');
}
cat.name='花花';
console.log(cat);

上述示例中的对象cat的名字会从kitty变为花花，是因为在输出时又重新定义了cat 的名字，
系统会输出距离输出指令最近的定义，就会覆盖原来的数据。

window对象：

window对象就是浏览器窗口。
window对象是唯一的，window是顶级对象，可以被省略。

DOM:

DOM的全称是：document object model
document是文档的意思；
object是对象的意思；
model是模型的意思。
DOM是为了让开发人员通过js的方式操作html页面和xml页面的，DOM描绘了一个层次化
的节点树，允许开发人员添加、移除和修改页面的某一部分。
另外需要注意，html内的标签都是官方定义好的，不允许自己添加新的标签，而相反xml
内的标签是自定义的。

节点：

节点组成的数据图叫做节点树。
节点之间的关系：
父子关系： 父节点，子节点
兄弟关系：兄弟节点
节点的种类：
常见的节点：元素节点、文本节点、属性节点
注意：在DOM3中，属性节点不再是节点

节点的属性：

节点的属性分为：
nodeName 标签名
nodeType 类型

var  cs=o.childNodes;

上述例子为获取所有的子节点，注意是直接后代。
Nodelist 集合
length 元素个数
索引从0开始

元素节点的属性：
childNodes 元素的直接子节点（包含元素节点和文本节点）
firseChild 第一个子节点
lastChild 最后一个子节点
parentNode 父节点
previousSibling 上一个兄弟节点
nextSibling 下一个星弟节点
children 直接后代的元素节点