JavaScript DOM和节点以及获取元素的常用方法

来源：互联网发布：windowphone软件下载编辑：程序博客网时间：2024/05/13 17:40

所谓DOM就是Document Object Model即文档对象模型，JS是一门解释型的语言，编程的语言分为两种类型，一种是解释型，一种

是编译型，而编译型语言，一般是先进行编译，编译完成以后才开始执行，所以当语言执行过程中有错误的话，一般会在编译的时候

就会出现问题，而解释型语言，一般是解释器执行到那行代码才有可能发现错误。

“D"具体是指document即文档。

”O“是Object即对象，JS中的对象分为三种：

1、用户自定义对象

2、内建对象：如Array，Math

3、宿主对象：由浏览器提供的对象，如window

"M"是Model即模型

JS把一个html文档转看成一个文档树。例如一最基本的html的格式为：

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

把它对应成一个文档树就是这样：

在DOM中所有的标签都被看成一个节点，而节点又分成三种，以后走是元素节点，另外一种是文本节点，还有就是属性节点。

元素节点实际上就是DOM的原子，如上面的body标签，以及p标签等等

而文本节点，就像这样：<p>文本内容</p>,如果一个P标签里面包含了文本内容，就叫做文本节点。

而属性节点就是描述一个标签的属性值，比如<p title="pname">文本内容</p>这里title="pname"就是一个属性节点

js中获取元素节点有三种方法：

1、getElementById

var ps= document.getElementById("purchases");

这里获取了id为puechases的元素标签，并把它赋值的变量名为ps的变量

2、getElementsByTagName

根据标签名获取一组对象

var ps=document.getElementsByTagName("li");

3、getElementsByClassName()

根据类名称获取一组对象

var sales=document.getElementsByClassName("sale");

0 0