JS之DOM基础

JavaScript是一种基于原型的面向对象的语言。

同时，因为JavaScript是脚本语言，而脚本语言又是一种解释性的语言

 

什么是DOM？

简单来说，DOM是一套对文档的内容进行抽象和概念化的方法

 

DOM详解

D：如果没有（document ，文档），DOM也就无从谈起，当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生，它把你编写的网页文档转换为一个文档对象。

O：（object , 对象）

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

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

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

　　3.宿主对象：由浏览器提供的对象。

M：DOM中的“M”代表着“model”（模型），但说它代表着“Map”（地图）也未尝不可。模型也好，地图也罢，它们的含义都是某种事物的表现。就像一个模型火车代表着一列真正的火车、一张城市街道图（或者说模型）,而我们可以通过JavaScript去读取这张地图。

 

一份文档就是一颗节点树

节点分为不同的类型：元素节点、属性节点和文本节点等

每个节点都是一个对象

JavaScript常用方法

　1.getElementById方法将返回一个对象，该对象对应着文档里的一个特定的元素节点

　2.getElementsByTagName方法返回一个对象数组，分别对应着文档里的一组特定的元素节点

　3.getElementsByClassName，接受一个参数，就是类名，返回一个对象数组

　4.getAttribute方法，它只有一个参数——你打算查询的属性的名字

　5.setAttribute方法，对属性节点的值做出修改